javascript - 在 jQuery 中单击按钮时绑定(bind)操作不起作用

Question

我有一个奇怪的问题，我使用 jQuery 函数将操作绑定(bind)到按钮(单击)，当我单击按钮时没有任何反应，这是怎么回事!，这是我正在使用的代码:`

<script >
    $( '#admin' ).live( 'pageinit',function(event){
    $('#AddButton').click(function(){
            alert("Clicked")
        });​
    });
</script>

Answer 1

假设该按钮存在于初始页面源中，您需要:

1. 输入您的<script>阻止按钮后源中的某个位置，或者
2. 将上面的代码包装在 $(document).ready() 中处理程序。

否则JS运行时浏览器不会解析按钮的html，因此找不到按钮。

如果该按钮最初不存在，即您要动态添加它以响应某些其他事件，那么您可以使用:

$('#AddButton').live('click', function(){ ...

...类似于您已经为 admin 所做的事情一旦按钮存在，元素和处理程序将自动应用于按钮。

请注意 .live()从 jQuery 1.7 版开始已弃用，因此如果使用 1.7，您应该使用 .on() method相反，甚至在较旧的 jQuery 中， .delegate() method是优选的。 API doco for .live() 解释如何转换。