0

私のWebページには、ボタンといくつかのJQueryコードがあります。問題は、ボタンをクリックしてもJQueryコードが実行されないことです。ボタンをクリックしてもポストバックが実行され、JQueryコードを無視しているようです。これが私のボタンです：

<button id="btnCancel" class="button" runat="server" ><span>Cancel</span></button>

これが私のJQueryコードです：

 $(document).ready(function () {
    $('#btnCancel').click(function () {
        alert('hello');
    });
});

私が達成したいのは、ボタンをクリックすると、「こんにちは」というメッセージが表示される必要があるということです。ここで何かが足りませんか？

4

3 に答える 3

0

スクリプトに問題はありません。jQueryを正しくロードしていることを確認してください。firebugなどの開発者ツールを使用します。

このようなJQueryをヘッダーに追加します。

スクリプトがフォルダであり、jQueryファイルである場合のように、ページにjQueryファイルを追加しjQuery.jsます。これをページにすでに含めている場合は、開発者ツールで正しく読み込まれていることを確認してください。

<header>    
    <script src="Scripts/jQuery.js" type="text/javascript"></script>    
</header>
<body>
   <button id="btnCancel" text="cancel"></button>
</body>

または、CDNからjQueryを追加します

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

vsdoc編集： jQueryバージョンのファイルが必要だと思います。直接動作するはずの次のリンクを確認してください。ダウンロードしたい場合は、コピーしてjquery-1.8.2-vsdoc.jsファイルとして保存してください。

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2-vsdoc.js
于 2012-11-12T13:28:52.707 に答える
0

ページがレンダリングされると、コントロールのIDが別のものに変更されるため、使用する必要があると思います

$('#<%=btnCancel.ClientID %>').click();

また

<button id="btnCancel" class='btnCancel' text="cancel"></button>


$(document).ready(function () {
    $('.btnCancel').click(function () {
        alert('hello');
    });
});
于 2012-11-12T13:40:25.877 に答える
0

ここで人々が言っ​​たことはうまくいくでしょう。すべてのピースをまとめたことを確認してください。

jQueryを追加する

<head>
 ....
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
</head>

コードを追加する

<button id="btnCancel" class="button" runat="server" ><span>Cancel</span></button>
<script type="text/javascript">
     $(document).ready(function () {
         $('#<%= btnCancel.ClientID %>').click(function () {
             alert('hello');
             return false;
         });
     });
</script>

「falseを返す」を追加しました。javascriptのみを実行したい場合は、ページがポストバックされないようにするためにそこにあります。

于 2012-11-12T14:31:38.457 に答える