如何實現.click（）<a>標籤

Question

我試圖改變一個鏈接標籤，當它被點擊使用jQuery的文本。訣竅是標籤是用jquery創建的，並且在頁面加載時不存在。

這裏的小提琴：http://jsfiddle.net/arcco96/hjo3kb4b/4/

jQuery的是這樣的：

$(document).ready(function() { 

$("#round-button").click(function() { 

    // do something 
    $("#button-text").text("new text"); 

}); 

}); 

的標籤如下：<a class="round-button" id="round-button" href="#"> <p id="button-text">Blah!</p></a>

出於某種原因，該代碼不起作用。它適用於其他元素，如按鈕，甚至其他元素，但在「＃roud-button」上特別不適用。

我聽說這是一個普遍的問題，但是當我試圖實施一些通常的解決方案時，它不起作用。

有什麼想法？

感謝

Answer 1

因爲你是動態創建按鈕，jQuery是無法連線了在$.ready單擊處理程序，因爲它還不存在。

你可以做的是使用on的處理程序，它會工作時，該按鈕被添加到文檔綁定：

$("#container").on('click', "#round-button", function() { 

jsFiddle here

Answer 2

校驗碼在以下鏈接 http://jsfiddle.net/hjo3kb4b/5/

（「＃round-button」）。click（function（）{

// do something 
$("#button-text").html("new text"); 

}）;

這應該在頁面上插入按鈕的位置來定義。您在文檔加載時調用此腳本。