2016-08-16 17 views
0

Mvc Javascriptで動作していないボタンクリックイベント 私が発生させたいボタンクリックイベント。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> 

+0

適切なjqueryファイルを含めましたか?また、ブラウザツールでF12キーを押してページをリロードし、もう一度ボタンをクリックすると、コンソールにエラーが報告されますか? – ewitkows

答えて

0

この関数を呼び出すことができます。これは純粋なHTMLとJavaScriptです。 呼び出されていないpageLoadclick関数をラップしました。 それだけでそれを削除する必要があります。

<html> 
 

 
<head> 
 
    <script src="https://code.jquery.com/jquery-3.1.0.min.js" /> 
 
</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>

0

pageLoad機能が故にevent-listenerが添付されることはありませんと呼ばれることはありません私を助けてください!呼び出したい場合

どちらかそれを呼び出すか、単に

$('#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関数が呼び出さない(ただ、bodyタグ(</body>)を閉じる前に)<body>last-childとしてご<script>を置きますが、 pageloadの後に$(function(){})そのように使用することができます

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

clickイベントを関数にラップしましたが、button clickはその関数を呼び出しません。

あなたはこれが実際にASP.NET、C#やカミソリとは何の関係もありませんボタンの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" />

1

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

JavaScriptを使用したままの

0

function btnclick() { 
 
    alert('You Clicked Button'); 
 
};
<input type="button" id="btn_click" value="Click" onclick="btnclick();" />

関連する問題