注册-使用jQuery单击事件-不触发

Question

应该很快..。

1)我使用MVC在VS2013中创建了一个新项目。

2)我将以下代码添加到用项目模板创建的默认Home\Index.cshtml的底部。

<button class="myalertclass">Alert me</button>

<script src="@Url.Content("~/Scripts/jquery-1.10.2.js")">
    $(document).on('click', '.myalertclass', function (e) {
        alert('Hello you');
    })
</script>

我现在正期待着，当我点击“提醒我”按钮时，我会收到一个留言框，上面写着“你好”，但没有joy这样的留言。

问题是，当我单击按钮时，事件不会被触发。我想我在某个地方漏掉了一些电线，但我很困惑。

Answer 1

根据w3.org (强调地雷)：

脚本可以在SCRIPT元素的内容中或在外部文件中定义。如果未设置src属性，则用户代理必须将元素的内容解释为脚本。如果src 具有URI值，则用户代理必须忽略元素的内容并通过URI.检索脚本。

也就是说，您不能为您的src元素同时指定一个script和一个主体，并且希望两者都能工作.因此，使用两个单独的script元素。

<script src="@Url.Content("~/Scripts/jquery-1.10.2.js")"></script>
<script>
    $(document).on('click', '.myalertclass', function (e) {
        alert('Hello you');
    })
</script>

Answer 2

不能在引用的脚本标记中包括内联脚本。试试这个：

<script src="@Url.Content("~/Scripts/jquery-1.10.2.js")"></script>

<script>
    $(document).on('click', '.myalertclass', function (e) {
        alert('Hello you');
    })
</script>