1

クリックすると、投稿IDを渡してモーダルを呼び出すフォームを送信する投稿の「編集」ボタンを作成しようとしています(ブートストラップモーダルを使用しています)。開いたモーダルには、渡された投稿 ID のコンテンツが表示されます。

ただし、モーダル（href）を送信して呼び出すタグを思い付くのに苦労しています。アンカー タグ、入力タグ、ボタン タグの組み合わせを試してみましたが、実際にはどちらも一緒に機能して目標を達成しているようには見えません。アドバイスをいただければ幸いです。ありがとう

<form>
<a  class="btn" data-toggle="modal" title="edit" id="editbtn" href="#myeditModal">
<input type="submit" name="edit" id="edit"></a>
</form>

----the modal div -------
<div class="modal hide" id="myeditModal">
4

1 に答える 1

1

あなたの質問を正しく理解していれば、送信ボタンで JQuery クリック関数を使用するだけです。たとえば、次のようになります。

  • ユーザーがフォームの送信ボタンをクリックする
  • JQuery クリック関数がモーダルを開く
  • 真を返す
  • フォームが送信される

Ajax の投稿中にモーダルを開いたままにする必要がある場合は、同じクリック関数を使用してフォームをシリアル化し、投稿し、応答を待って、false を返します。

アップデート：

例えば：

$(".your-submit-button").click(function() {
    // Do something with modal box
    $("#your-modal-box").show();
    // Do ajax request
    var url = $(this).parents("form").attr("action");
    var params = $(this).parents("form").serialize(); 
    $.post(url, params, function(output) {
        // Optionally do something with the output of ajax request
    });
    return false;
});
于 2012-06-06T16:17:50.790 に答える