11

jqueryで作成したフォームを送信しようとしています。フォームはdivに追加され、以下の変数'data'はphpを使用して作成されます。最も重要なjsコードを投稿します。

'on()'の有無にかかわらず多くのことを試しましたが、'1'を表示するアラートボックスを取得できなかったため、コードブロックが実際に実行されていることがわかりました。説明をいただければ幸いです。前もって感謝します!

$(".r5").click(function(event){
    var data='<select name="sForum"><option value="1">bla</option></select>';
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>');
});
$("form.moveform").on("submit",function(event){
    alert(1);
});
4

2 に答える 2

20

フォームが存在する前に、フォームにバインドしています。イベントをドキュメントにバインドし、フォームセレクターを.on次の場所に渡します。

$(".r5").click(function(event){
    var data='<select name="sForum"><option value="1">bla</option></select>';
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>');
});
$(document).on("submit", "form.moveform", function(event){
    alert(1);
});
于 2012-05-11T15:49:52.930 に答える
0

やってみました

$("inout.movethisform").on("click",function(event){
    alert(1);
    $("form.moveform").submit();
});
于 2012-05-11T15:53:29.693 に答える