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

点击方法需要通过 .on() 附加到正在动态附加的元素。

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