2013-10-22 15 views
0

我已經開始使用這個例子:http://jsfiddle.net/WEyyh/144/;在jquery或jquery mobile中,如何將用戶創建的鏈接傳遞給用戶也創建的按鈕?用戶我的意思是最終用戶,而不是我

<div data-role="page" id="home"> 
    <div data-role="content"> 

     <input type="text" id="buttonText" placeholder="Enter Button Name"/> 
     <input type="button" id="createButton" value="Create Button" /> 
     <div id="buttonPlaceHolder">&nbsp;</div> 

    </div> 
</div> 
<script> 
    $('#createButton').bind('click', function() { 
     $('#buttonPlaceHolder').append('<a href="#" 
      data-role="button">'+$('#buttonText').val()+'</a>'); 
     // refresh jQM controls 
     $('#home').trigger('create'); 
    }); 
</script> 

,現在我想通過採取他/她一個網址的輸入,並將其傳遞到錨該按鈕將功能添加到用戶創建的每一個新的按鈕。 即我希望在點擊「創建按鈕」後,將「href =」#「'中的哈希標記替換爲地址字段(該字段將直接位於」輸入按鈕名稱「字段下)的任何內容。 我一直在努力幾天,不認爲我已經接近了解出來或找到一個很好的例子。

+0

您不需要增強整個頁面$('#home')。trigger('create');',use'$(「[data-role =按鈕]「).button();'或'$(」.selector「).button();'。 – Omar

回答

0

這裏看看這個小提琴 - http://jsfiddle.net/WEyyh/152/

我只是把你的榜樣,又增加了輸入表單與URL的ID ..和正在創建的按鈕時,我使用的.VAL()的該輸入,並把它代替#在你的錨

$('#buttonPlaceHolder').append('<a href="' + $('#url').val() + '" data-role="button">'+$('#buttonText').val()+'</a>'); 

請記住,當你輸入內容的輸入框,你應該有HTTP://那裏,因爲否則會假定它是一個本地鏈路。 。試試http://www.google.com

val()的API鏈接 - http://api.jquery.com/val/

+0

您,先生,非常感謝。我嘗試過,但忽略包括.val()+。這正是我需要的。謝謝。 – Builder

+0

沒問題:)在答案中包含了val()的api鏈接,以防萬一 – krilovich

相關問題