1

次のjQueryコードはajaxForm、ボタンを押しても関数を実行しCancelます。また、successパーツも更新されませんcontent。誰かがそれの何が問題なのか教えてもらえますか？ありがとう。

$(document).ready(function() {
  $(".myForm").click(function (e) {
    if (confirm("Are you sure?")) {
      $(".myForm").ajaxForm ({
        success: function(returnData) {
          $('#content').html(returnData);
        }
      });
    }
  });
});
4

1 に答える 1

2

クリック イベントはボタン要素に設定する必要があり.ajaxSubmit()、 ではなくを使用する必要があります.ajaxForm()。

ボタンを送信ボタン (つまり、<input type="submit">または<button type="submit">) にしないか、または を呼び出す必要がありますe.preventDefault()。

次のようなことを試してください：

HTML:

<form id="myForm">
    <input type="text" />
    <button type="submit" id="submitButton">Submit</button>
<form>

JavaScript:

$('#submitButton').click(function(e) {
    e.preventDefault();
    if (confirm('Are you sure?')) {
        $("#myForm").ajaxSubmit({
            success: function(returnData) {
                $('#content').html(returnData);
            }
        });
    }
});
于 2013-03-12T23:06:48.757 に答える