jquery - 为什么 on() 不起作用？

Question

我试图简单地使用 .on('click') 事件，因为我正在我的页面上动态创建元素。

测试事件并且它只是没有触发：

function showSub(){
    alert('wefef');
}

$('.common-main-row').on('click', showSub);

实际上，在这个例子中， .common-main-row 总是在页面上而不是动态创建的

Answer 1

您使用的是什么版本的 jQuery，on() 从 1.7 开始仅在 jQuery 中可用，在此之前它是 live()。试试这个。

http://jsfiddle.net/Upvfx/1/

function showSub(){
    alert('wefef');
}

$('.common-main-row').live('click', showSub);

编辑：

我在 jsfiddle 示例中使用了 jQuery 1.8.3。on() 从 1.7 开始包含在 jQuery 中。 http://api.jquery.com/on/

Answer 2

确保您拥有最新的 jQuery 版本，您的代码包含在其中

 $(document).ready(function(){ /* your code here */ });

把它放在你的标题中。

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Answer 3

http://jsfiddle.net/sEfuu/

$(document).ready(function() {
    $('.common-main-row').click( function(e){
        //do stuff
        alert('wefef');
    });
});

Answer 4

您可以使用 .bind()

演示

function showSub(){
    alert('wefef');
}

$('.common-main-row').bind('click', showSub);