Jquery点击功能不能正常工作

Question

我正在尝试通过链接显示警告框并使用jQuery，但似乎我没有做正确的事情。

我的链接：

<a class="details_link">Details</a>

我的jQuery函数：

$(document).ready(function () {
        $(".details_link").click(function () {

            alert("test");
        });
    })

此代码无效...我已经在Stack上检查了其他答案但我认为我已按照说明进行操作。我包含了jquery-1.9.1.js文件。

Answer 1

首先检查你是否加载了正确的jQuery脚本。

你遗漏了一些东西。

您的锚标记中缺少href属性，虽然这不是导致问题的原因但不包含它是不好的做法。

<a href="#"class="details_link">Details</a>

您还缺少来自jquery的半冒号

$(document).ready(function () {
    $(".details_link").click(function () {
        alert("test");
    });
});

Answer 2

请确保您正确引用了jquery库。你的代码适合我。的 Check out here

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

如果你的jquery库是正确的并准备好使用，你也可以去看看

  

IE调试器＆gt;＆gt;应该出现脚本标签和开始调试jquery库旁边的下拉列表。

Answer 3

我几乎保证不是jqueries点击功能不能正常工作，而是代码中的某些内容。

1. 确保包含jQuery库。
2. 确保您的功能位于<script>标记内。
3. 检查Web控制台以查看是否存在需要解决的错误。

然后，

$(document).ready(function () {
    console.log('test1');
    $(".details_link").on('click',  function () {
        alert("test2");
    });
    console.log('test3');
});
console.log('test4');

查看哪些console.log语句打印。