Mvc Javascript无效

问题描述 投票:1回答:7

在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>

请帮我

javascript c# asp.net asp.net-mvc razor
7个回答
2
投票

这实际上与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>

1
投票

按钮

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

使用javascript作为 -

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

0
投票

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

要么调用它,要么只是把你的<script>作为last-child<body>(就在关闭身体标签(</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" />

0
投票

pageLoad函数没有调用,但是如果你想在pageload之后调用它你就可以使用$(function(){})那样的

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

0
投票

你有一个函数中的click事件,但按钮单击不会调用该函数。

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

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

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

JSFIDDLE


0
投票

将您的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" />

0
投票

function btnclick() {
  alert('You Clicked Button');
};
  <input type="button" id="btn_click" value="Click" onclick="btnclick();" />
© www.soinside.com 2019 - 2024. All rights reserved.