Question

我有这个简单的jQuery点击事件，由于某种原因它无法正常工作。 $(document).ready(function() {});有效，我可以在其中使用警报;但是实际的点击事件不起作用。

提前致谢，请对我很轻松，因为我对jQuery没有多少经验。谢谢！：）

这是我的代码：

的script.js：

$(document).ready(function() {
    alert("I can alert here");

    $("#the_id").click(function() {
        alert("I can't alert here");
    });
});

HTML：

// This is an <input> instead of a <button> because I will be creating an AJAX call later

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<input type="submit" id="the_id">
<script type="text/javascript" src="script.js"></script>

Answer 1

input的类型为submit。因此，它将触发回发，从而导致页面刷新。使用event.preventDefault()或将类型更改为button。

<input type="button" id="the_id" />

或event.preventDefault()，之后您必须使用ajax将数据发送到服务器。

$(document).ready(function() {
    alert("I can alert here");
    $("#the_id").click(function(e) {
        e.preventDefault(); // prevents the default action of submit
        alert("I can't alert here");
    });
});

<小时/> 编辑：它应该按原样运作。问题可能不是这个。

Answer 2

您也可以使用

$("#the_id").submit(function() {
    // code will run before submitting form
});

jQuery点击事件不起作用

2 个答案: