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();
});

Answer 2

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

Answer 3

试试这个：

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

Jquery Mobile .click不起作用

3 个答案: