5

asp.netページで非同期ポストバックした後、jqueryイベントハンドラーに問題があります。このトピックを読みました - これは良い解決策ですが、別の機能が必要です。だから私はjquery masked pluginを使用しています。

私のjsコードは次のとおりです。 

<script type="text/javascript">

jQuery(document).ready(function () {
  var control = $("#txtCustomerPhone");

  InitPhonePattern(this, control);

  var prm = Sys.WebForms.PageRequestManager.getInstance();
  prm.add_endRequest(InitPhonePattern(this, control));
 });

 function InitPhonePattern(sender, args) {
  $(args[0]).mask("+7 (999) 999-99-99", { completed: 
    function () {
    $('#btnCheckCustomerPhone').click();} 
  });

}
</script>

ご覧のとおり、マスクは 2 回初期化されました: ドキュメント Ready() と非同期ポストバック後 (endRequest())。ただし、マスク プラグインは非同期ポストバック後にマップされません。

誰かが問題を理解していますか？助けていただければ幸いです！

4

2 に答える 2

5

コードの問題は、更新パネルの後に jQuery(document).ready が実行されないため、jQuery から endRequest を作成する必要があることです。

この方法を試してください： 

<script type="text/javascript">
        var prm = Sys.WebForms.PageRequestManager.getInstance();    
        prm.add_initializeRequest(InitializeRequest);
        prm.add_endRequest(EndRequest);

        function InitializeRequest(sender, args) {      
        }

        function EndRequest(sender, args) {
             Init();
        }

        jQuery(document).ready(function(){Init();});

        function Init()
        {
          var control = $("#txtCustomerPhone");
          InitPhonePattern(control);        
        }

        function InitPhonePattern(args) {
            $(args[0]).mask("+7 (999) 999-99-99", { completed: 
            function () {
               $('#btnCheckCustomerPhone').click();} 
            });
        }
</script>
于 2011-05-31T13:14:14.923 に答える
-1

Aristosの助けと正しい方向性に感謝したいと思います! あなたのコードでは、次の文字列のみを修正しました。

jQuery(document).ready(Init);//direct transfer function not work;

したがって、最終的なコードは次のようになります。

<script type="text/javascript">
     var prm = Sys.WebForms.PageRequestManager.getInstance();
     prm.add_endRequest(EndRequest);

     function EndRequest(sender, args) {
         Init();
     }

     $(document).ready(function () {
         Init();
     });

     function Init() {
         var control = $('#txtCustomerPhone');
         InitPhonePattern(control);
     }

     function InitPhonePattern(args) {
         $(args).mask("+7 (999) 999-99-99", { completed:
            function () {
                $('#btnCheckCustomerPhone').click();
            }
         });
    }

</script>
于 2011-06-01T10:18:52.860 に答える