Jquery Mobile .clickが機能しない

Question

私はクライアント用のモバイルサイトを作成しています。ボタン（タグ）を押したときにDIV要素を表示および非表示にする関数を作成する必要があります。 これは私のコードです：されて何が起こる

<script type="text/javascript"> 
$('#wrapper').live('pageinit',function(event){ 
    $("#btnInfo").click(function(){ 
     $("#pageInfo").toggle(); 
    }); 
}); 
</script> 

： ページが読み込まと私はbtnInfoを押すと、DIVは、現れそれが​​必要のように動作しますが、その後、私は次のページに移動するためのリンクを押すが、そのページにはもう表示されません。いつも最初に読み込まれたページに戻っても、それはまだ動作します。 これは、AJAXにページがロードされているからだと思います。私は修正を探して見つけました：http://jquerymobile.com/test/docs/api/events.htmlとjQuery Mobile - binding to pageinit eventは両方を試しましたが、ページを切り替えるとアラートが表示されますが、書き込んだ機能は動作しません。

どうしますか？

Greetings、 Harm。

Answer 1

はこれを試してみてください：

$("#btnInfo").bind('click',function(){ 
      $("#pageInfo").toggle(); 
     }); 

Answer 2

クリック方法はオンザフライで追加される要素に.on()を介して付着させる必要があります。

$("#btnInfo").on('click', function() { 
    $("#pageInfo").toggle(); 
}); 

Answer 3

$("#btnInfo").on("click", function(event) { 
      $("#pageInfo").toggle(); 
});