Question

我正在努力解决以下问题：

<script>
$('button').click(function(){
alert("button clicked");
});
</script>

<button type="button" class="button-save">Save</button>

单击按钮时，我没有收到提醒。我尝试使用按钮定位该类，但这也没有帮助。当我点击this答案中的保存按钮时，我正在尝试执行一些ajax（当然不是我的例子），所以我需要找到用户点击按钮的时间。

有人可以帮忙吗？

Answer 1

您必须等到页面完全呈现以绑定处理程序，否则元素不存在。您有两个选项，在呈现HTML后将script标记移动到：

<button type="button" class="button-save">Save</button>

<script>
    $('button').click(function(){
        alert("button clicked");
    });
</script>

或者将您的代码包装在DOM ready语句中。

<script>
    $(document).ready(function() {
        $('button').click(function(){
            alert("button clicked");
        });
    });
</script>

<button type="button" class="button-save">Save</button>

Answer 2

在html页面的head部分添加此行

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

并将您的代码重写为：

$( document ).ready(function() {
   $('button').click(function(){
       alert("button clicked");
   });
});

Answer 3

你需要像这样包装你的代码：

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

上面基本上说，“一旦文档及其所有元素被加载并准备就绪，就将其定位。然后执行代码。”

单击<button> </button>后执行jQuery功能

3 个答案: