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

应该很快

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>

提醒我
$（文档）.on（'click'，'.myalertclass'，函数（e）{
警惕（“你好”）；
})

我现在希望，当我点击“提醒我”按钮时，我会收到一个带有“你好”的消息框，但没有这样的快乐

问题是，当我单击按钮时，事件没有被触发。我想我在什么地方丢失了一些线路，但我被难住了。

根据（我的重点）：

脚本可以在

脚本

元素的内容中定义，也可以在外部文件中定义。如果未设置

src

属性，则用户代理必须将元素的内容解释为脚本如果

src

具有URI值，则用户代理必须忽略元素的内容，并通过URI检索脚本。

也就是说，您不能为

脚本

元素同时指定

src

和主体，并期望两者都能工作。。。因此，使用两个独立的

脚本
元素

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


$（文档）.on（'click'，'.myalertclass'，函数（e）{
警惕（“你好”）；
})
您不能在引用的脚本标记中包含内联脚本。试试这个：

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

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


$（文档）.on（'click'，'.myalertclass'，函数（e）{
警惕（“你好”）；
})
您不能为脚本元素指定
src
和正文。。。所以，使用两个。可能重复@canon的答案