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.htmljQueryMobile绑定到pageinit事件尝试了这两种方法，当我切换页面时会显示警报，但我编写的函数不起作用

我做错了什么？

问候，伤害

Answer 1

click方法需要通过.on（）附加到动态附加的元素。

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

Answer 2

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

Answer 3

试试这个：

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