10

フォームの送信ボタンのクリックイベントを取得しようとしています...

<input type="submit" value="Search By Demographics" class="button" id="submitDemo"/>

それがイベントを取得したいボタンです。

$('#submitDemo').click(
        alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
        //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
    );

これは、ボタンクリックでやりたいことです。読み込み中の画像を div の周りに配置し、後で別の関数でブロックを解除したいと考えています。現在、onClick ではなく、ページの読み込み時にオーバーレイがポップアップします。私は何をやっている

4

6 に答える 6

14

これを試して

$('#submitDemo').live("click",function() {
  // your stuff
});

@ px5x2が指摘したように、ライブは非推奨であるため、ライブの代わりにオンを使用します

$('#submitDemo').on("click",function() {
  // your stuff
});
于 2012-09-10T17:41:56.787 に答える
8 
$('#submitDemo').click(function() {
  // do your stuff
});
于 2012-09-10T17:40:52.687 に答える
4

DOM の準備ができたらスクリプトを実行し、クリック メソッドにコールバックを提供する必要があります。

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});
于 2012-09-10T17:44:48.253 に答える
3

コードを関数で囲む必要があります..

$('#submitDemo').click(function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

ただし、on を使用してイベントをバインドし、イベント ハンドラーが使用可能な場合に要素にアタッチすることを常にお勧めします。

$('#submitDemo').on('click',function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});
于 2012-09-10T17:44:27.950 に答える
1

フォームの場合、送信ボタンのクリックをフォームにバインドすることもできます。

$("#form_selector").submit(function{
// Do your stuff
})

「form_selector」は、送信ボタンがクリックされたフォームの ID です。

于 2012-09-10T17:43:58.160 に答える