0

次のように、モーダルポップアップウィンドウを起動するJqueryスクリプトがあります:-

<script type="text/javascript">
$(document).ready(function () {

    $('.modal_part').fadeIn('slow');
    $('#tn_select').load('OnBoarding.aspx');

});
</script>

これは最初は正常に機能しますが、フォームを送信すると2回目に呼び出されないため、すべてのcssクラスが失われ、フォームがモーダルウィンドウに再度読み込まれません。

フォームを送信した後、この Jquery を再度トリガーする方法はありますか?

あなたの助けと時間をありがとう

4

5 に答える 5

0

試す :

 $(document).ready(function () {

    modal(); // call this wherever necessary

 });

 function modal() {
     $('.modal_part').fadeIn('slow');
     $('#tn_select').load('OnBoarding.aspx');
 }

ajax を使用するフォームの場合、ajax 呼び出しの「成功」で modal() を使用します。

于 2013-06-17T08:43:47.977 に答える
0

ページに非表示のフィールドを作成し、ページを送信するときにその値を設定します。再びページの読み込み時に、値のチェックを配置する必要があります
。aspx で

<asp:HiddenField ID="hdnfld" runat="server"/>

今JSで:-

<script type="text/javascript">
$(document).ready(function () {
    var myval=$("#hdnfld").val();
if(myval=="submitted"){
// this will execute after submit:-// you can add necessary code here :-
    $('.modal_part').fadeIn('slow');
    $('#tn_select').load('OnBoarding.aspx');
    // Set its value again to null;
    $("#hdnfld").val("");
}
else
{
    // This will execute when page will load first time :-
    $('.modal_part').fadeIn('slow');
    $('#tn_select').load('OnBoarding.aspx');
}

});
</script>

そしてコードビハインドで: -

protected void btn1_clicked(object sender,EventArgs e){
// set the hdn field:-
hdnfld.value="submitted";
}
于 2013-06-17T08:53:50.927 に答える