バグ？ Jquery Mobileイベントはlive（）とpageshowイベントを使用して1回のみ発生します

Question

jquery mobileを使用してイベントを発生させようとしましたが（クリックボタンでログイン）、一度しか動作しません。

私は 'pageshow'イベントで発砲しています（jquery ajax pageloadの全体のため、ドキュメントの準備はできません）が、最初のロードでのみ動作します。 $（ 'check-login'）の.live（）イベントでなければなりません。私はあなたがそれについていくらか光を当てることができることを願っています。

のjQueryコード：

 $('#home').live('pageshow', function(event){ 
          alert('home');//fires okay 

          //fires once only 
          $('.check-login').live('click', function() { 
             var email = $("#email").val(); 
             var password = $("#password").val(); 
             if(email !="" || password !=""){ 
             var datastring = "useremail=" + email + "&userpassword=" + password;     
                   $.ajax({ 
                   type: "POST", 
                   url: 'http://creativetree.co/creativetreeBeta/mobileImageUpload.php', 
                   data: datastring, 
                   success: function(data){ 
                   //success 
                   $('.check-login').slideUp(); 
                   $('.upload-page').fadeIn(); 
                   $('#userlogin').slideUp(); 
                   } 
                   }); 

             }else{ 
             alert('Please fill in all fields'); 
             } 
          }); 
          }); 

Answer 1

を経る：あなたは、同じプロジェクト（内部）のためのあなたのjQueryのモバイルサイトにリンクをたどるとき、ページがAJAXでロードされているので、JqueryMobile - Scripting pagesが

そののみ置き換えます体。したがって、ページロード後に追加されるdom要素のイベントを発生させたい場合は、clickの代わりに.live（）関数を使用する必要があります。ページをトラバースするときに、jQuery-Mobile自体から内部的なajax呼び出しを呼び出すだけです。