jquery - 为什么我的 span 标签点击不适用于 jQuery？

Question

  <li class="resultsTitle left"><span>Total Results&nbsp;</span><span id="totalResults" class="bold">@totals.TotalResults.ToString("N0")</span></li>
<li class="resultsTitle left"><span>Company Results&nbsp;</span><span id="companyResults" class="bold">@totals.CompanyCount.ToString("N0")</span></li>

$(document).ready(function () {
    $("#companyResults").click(function () {
        alert('hello world');
    });

    $("#totalResults").click(function () {
        alert('hello world');
    });
});

我们尝试了一些方法来捕获点击事件。我们做错了什么吗？

Answer 1

在这里对我来说很好

http://jsfiddle.net/uhgZg/

验证您的布局页面或视图中是否包含正确的 jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

并验证此代码是否在脚本标记中

<script type="text/javascript">
    $(document).ready(function () {
        $("#companyResults").click(function () {
            alert('hello world');
        });

        $("#totalResults").click(function () {
            alert('hello world');
        });
    });
</script>

当这些东西到位时，代码会完美触发

Answer 2

我会给你我看到的与这个问题有关的 2 个选项

• 您的 id不是唯一的，这会造成麻烦#companyResults。#totalResults如果是这种情况，您可以使用 css 类来选择元素而不是 id。

• 您的页面上有一个 js 错误，导致 click 事件处理程序无法正常运行。您可以使用 firebug 或 chrome 开发工具轻松检测到这一点

Answer 3

两个建议：

1. 添加alert(jQuery().jquery);到您的 Javascript 以验证 jQuery 是否被正确加载。如果是这样，您应该会看到带有 jQ​​uery 版本号的警报。

2. 如果没有看到您如何设置标记样式，很难判断这是否可能，但也许您正在通过单击“总结果”而不是您输出的粗体值来测试您的代码？编写的 Javascript 仅在@totals.etc...输出上注册点击处理程序。