jquery - .on 函数没有被触发

Question

我尝试在单击某些文本时使用 .on 事件。这是我的 fiddle :

http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/73/

但是当我点击“链接”时没有任何东西被触发，我不知道为什么？来自阅读http://api.jquery.com/on/我不认为我应该传递的数据是 .connected ？

这需要适用于动态添加的元素。这是 fiddle 的代码:

<div id="myID">
    <a class="connected" >link</a>
</div>

​$(function() {

$(".connected").on('click', '.connected', function() {
    alert('fired)'
        $(".connected").append("<a>hello</a>");
});



});

​.connected {
    float: left;
    margin: 6px;
}

Answer 1

您可以使用以下任一方法:

$(".connected").on('click', function() {
    alert('fired')
    $(".connected").append("<a>hello</a>");
});​

或者这个:

$("#myID").on('click', '.connected', function() {
    alert('fired')
    $(".connected").append("<a>hello</a>");
});​

请注意，第二个变体适用于动态添加的元素。

演示: http://jsfiddle.net/zyUkd/74/