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尝试了这两个，并且当我切换页面时提示显示，但我写的功能不起作用

我该怎么做？

问候， 伤害。

Answer 1

尝试这种情况：

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

Answer 2

Click方法需要经由.on()附连到上正在即时所附的元素。

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

Answer 3

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