Mvc Javascript 不工作答案

【问题标题】：Mvc Javascript Not WorkingMvc Javascript 不工作
【发布时间】：2016-08-16 12:09:54
【问题描述】：

在 Mvc 中 Javascript 不工作按钮单击事件我要引发按钮点击事件。

<input type="button" id="btn_click" value="Click" />
<script type="text/javascript">
    function pageLoad() {
        $('#btn_click').click(function () {
            alert('You Clicked Button');
        });
    }
</script>

请帮帮我

【问题讨论】：

您是否包含了适当的 jquery 文件？另外，按 F12 浏览器工具，重新加载页面，然后尝试再次单击按钮，控制台是否报告任何错误？

标签： javascript c# asp.net asp.net-mvc razor

【解决方案1】：

这实际上与 ASP.NET、C# 或 Razor 无关。这是纯 HTML 和 JavaScript。您已将 click 函数包装在未被调用的 pageLoad 中。因此，您只需将其删除即可。

<html>

<head>
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
</head>

<body>
    <input type="button" id="btn_click" value="Click" />
    <script type="text/javascript">
      $('#btn_click').click(function() {
        alert('You Clicked Button');
      });
    </script>
</body>

</html>

【讨论】：

【解决方案2】：

对于按钮

<input type="button" id="btn_click" value="Click" />

使用javascript作为-

function showalert(){
     alert('You Clicked Button');
}    
document.getElementById("btn_click").onclick = showalert;

【讨论】：

【解决方案3】：

pageLoad 函数永远不会被调用，因此event-listener 永远不会被附加！

要么调用它，要么只是将您的<script> 放置为<body> 的last-child（就在关闭正文标记之前（</body>））

$('#btn_click').click(function() {
  alert('You Clicked Button');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="button" id="btn_click" value="Click" />

【讨论】：

【解决方案4】：

pageLoad 函数不调用，但如果你想在页面加载后调用它，你可以像这样使用$(function(){})

$(function(){
    $('#btn_click').click(function () {
        alert('You Clicked Button');
    });
});

【讨论】：

【解决方案5】：

你已经在一个函数中写了点击事件，但是按钮点击并没有调用那个函数。

你可以调用这个函数onClick按钮事件

<input type="button" id="btn_click" value="Click" onClick="pageLoad()" />

function pageLoad() {
  alert('You Clicked Button');
}

JSFIDDLE

【讨论】：

【解决方案6】：

将您的 Javascript 代码放入准备好的文档。

$(document).ready(function () {       
        $('#btn_click').click(function () {
            alert('You Clicked Button');
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="btn_click" value="Click" />

【讨论】：

【解决方案7】：

function btnclick() {
  alert('You Clicked Button');
};

  &lt;input type="button" id="btn_click" value="Click" onclick="btnclick();" /&gt;

【讨论】：