jQuery .click（）不會觸發鏈接動態創建.wrapInner（）

Question

我遇到了這個腳本的問題，併爲我的生活我無法弄清楚它有什麼問題。通過我有什麼快捷方式：

的HTML：

<ul> 
    <li id="wildcard_1"> 
     <div> 
      <a href="#">test</a> 
     </div> 
    </li> 
</ul> 
<a href="#" class="reset">reset</a> 

jQuery的：

// Main function 
$("[id^=wildcard_]").children('div').children('a').click(function() { 
    $(this).replaceWith($(this).text()); 
}); 

// Temporary reset function 
$("a.reset").click(function() { 
    $("[id^=wildcard_]").children('div').wrapInner('<a href="#"></a>'); 
}); 

因爲它應該在第一次 「考試」 環節的工作原理是是被點擊 - 它正在被轉換成純文本）。爲了不在這裏粘貼大量的腳本，我創建了一個臨時函數來包裝div的內容，將「測試」純文本轉換回鏈接。這就是它失控的地方 - 第一個函數的.click()偵聽器不會在這個動態創建的鏈接上觸發，FireBug不會引發任何錯誤或警告。

您還可以看到的jsfiddle這個活：http://jsfiddle.net/rWz69/

任何幫助就這將超過讚賞！

Answer 1

您可以使用.live()處理程序，如：

$(document).on("click", "[id^=wildcard_] > div > a" , function() { 
    $(this).replaceWith($(this).text()); 
}); 

Here's your fiddle example updated/working with the above code :)