$("...").click(function () { }) 不工作

Question

我希望在单击标签时打开一个对话框。以下是我的代码：

<script type="text/javascript">
    $(document).ready(function() {
        $("#ConfirmDeletePage").click(function() {
            if (confirm("Confirm delete page?") == true) {
                return true;
            } else {
                return false;
            }
        });
    });
</script>

我的html：

<div style="float: left; width: 40px; height: 10px;">
    <a href="#" id="ConfirmDeletePage">as</a>
</div>

知道为什么对话框没有打开吗？

Answer 1

它不起作用的原因可能有很多。

喜欢：

1. 您可能在该页面中使用了两次或多次相同的 ID。
2. Jquery 冲突。
3. Jquery 库未正确加载。

要解决这些类型的问题，请始终尝试在 firebug 控制台中查看一次。它有助于很容易地解决问题。

Answer 2

您没有加载 jQuery，或者它的路径错误。你的代码工作得很好。 您应该验证您的 script 是如何加载的。

用您的代码制作了here 并正在工作。

首先，尝试查看 jquery 库是否已加载，如果已加载，请验证您是否拥有该库的正确路径。

另一种方法是包含 jquery 的在线版本以查看是否有效：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script‌​>

可能还有其他问题。使用检查元素查看控制台中是否有任何错误。