jquery - .on 函数没有被触发

Question

单击某些文本时，我正在尝试使用 .on 事件。这是我的小提琴：

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

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

这需要适用于动态添加的元素。这是小提琴的代码：

<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。你的警报也写错了。

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

Answer 2

你可以使用这个：

$(".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/

Answer 3

将其放入就绪函数中，并修复警报时的语法错误。

http://jsfiddle.net/zyUkd/75/

    $(document).ready(function() {

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

 });

​</p>