Jquery Mobile。单击无效

我正在为客户端创建一个移动站点，我需要创建一个函数，在按下按钮（标签）时显示和隐藏DIV元素。 这是我的代码：

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

$（'#包装器'）.live（'pageinit'，函数（事件）{
$（“#btnInfo”）。单击（函数（）{
$（“#pageInfo”）.toggle（）；
});
});

发生的情况是： 当页面加载时，我按下btnInfo，div就会出现，就像它应该的那样工作，但我按下一个链接进入下一页，但在该页上它不再显示，每当我回到我最初加载的页面时，它仍然工作。 我想这是因为页面是用AJAX加载的，我希望它是这样。我搜索了一个修复程序，找到了：并尝试了这两种方法，当我切换页面时会显示警报，但我编写的函数不起作用

我做错了什么

您好， 伤害

试试这个：

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

试试这个：

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

---

需要通过将click方法附加到正在动态附加的元素

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

---

需要通过将click方法附加到正在动态附加的元素

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

---

试过了，但没用。。。谢谢你的帮助。代码：$（'#wrapper'）.live（'pageinit'，函数（事件）{$（“#btnInfo”）.bind（'click'，函数（）{$（“#pageInfo”）.toggle（）}）；试过了，但没用。。。谢谢你的帮助。代码：$（'#wrapper'）.live（'pageinit'，函数（事件）{$（“#btnInfo”）.bind（'click'，函数（）{$（“#pageInfo”）.toggle（）}）；谢谢我在API中存在（）的

on

之前回答了这个问题。我已经更新了我的答案，但我看到索拉布已经到了那里。：）谢谢我在API中存在（）的

on

之前回答了这个问题。我已经更新了我的答案，但我看到索拉布已经到了那里。：）