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

我会告诉你我在这个问题上看到的两个选项

您的ID #companyResults和#totalResults不是唯一的，这会导致麻烦。如果是这种情况，您可以使用css类来选择元素而不是ID。
您的网页上有js错误，导致Click事件处理程序无法正常运行。您可以使用firebug或chrome开发人员工具轻松检测到这一点

Answer 3

两个建议：

将alert(jQuery().jquery);添加到您的Javascript以验证jQuery是否正确加载。如果是这样，您应该看到带有jQuery版本号的警报。
很难判断这是否可能没有看到你如何设置标记样式，但也许你是通过点击“总结果”而不是输出的粗体值来测试你的代码？所写的Javascript仅在@totals.etc...输出上注册点击处理程序。

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

3 个答案: