0

HTMLで以下のフォームを持っています

<form id="test" name="test">
<button id="save" class="small"><i class="icon-plus"></i>save</button>  //KickStart
<button id="edit" class="small"><i class="icon-plus"></i>edit</button>
 <input value=1 type="text" name=Col1 class="Hide">
 <input value=2 type="text" name=Col2 class="Hide">

</form>

ボタンのクリック時に呼び出される JQuery 関数

$(document).on("click", "#edit", function (e) {

    return false;
});

しかし、編集ボタンフォーム送信をクリックすると、期待どおりにJquery関数が呼び出されません。

フォームの一部のプロパティが不足している可能性がありますか?

4

4 に答える 4

1

イベントを要素にバインドする前に、DOM の準備が整うまで待つ必要があります。

コードを

$(document).ready(function(){
    $(document).on("click", "#edit", function (e) {
        return false;
    });
});
于 2013-08-09T06:29:20.913 に答える
0

これを試して、

$(document).ready(function(){
     $("#edit").click(function(e) {
         alert("edit button clicked!");
         return false;
     });
});
于 2013-08-09T06:32:30.307 に答える
0

別の解決策は、 preventDefault() 関数を使用することです。

$(document).on("click", "#edit", function (e) {
    alert("Hi");
    e.preventDefault();
});

http://jsfiddle.net/AbP8Z/およびhttp://api.jquery.com/event.preventDefaultを参照してください。

于 2013-08-09T06:33:00.297 に答える
0

ヘッダーに次のコードがある場合は、$(function(){}).これを使用する必要があります。ページの読み込み後にコードが実行されます。

$(function(){
  $("#edit").click(function (e) {
    alert("a");
    return false;
  });
});
于 2013-08-09T06:30:03.347 に答える