Question

见下这个场景。

我正在使用移动jQuery。这意味着我的HTML使用ajax更新。

我的导航菜单位于顶部。

我有2页（ID =＆＃34;＃P1＆＃34;和ID =＆＃34;＃P10＆＃34;）。两个页面都包含相同的导航菜单。

当用户点击菜单上的图标时，它应该将我的一个div滑入屏幕。当用户点击＆＃34; x＆＃34;或者在新div之外它应该关闭。

我正在使用下一个JS代码处理它。

$(document).bind('pageinit', function() {
    alert('TEST');

$(document).on('click' , '.menu_open' , function() {  

  $('.mask').addClass('mask_visible');
  $('#menu').animate({  
  marginLeft: "0%",  
  opacity: 1  
  }, 200);  
  $('#menu').css('display', 'block');  
});  


$(document).on('click','.menu_close , .mask ', function() {  
  $('.mask').removeClass('mask_visible');
  $('#menu').animate({  
  marginLeft: "-100%",  
  opacity: 0  
  }, 200);  
});  

$(document).on("swipeleft", '#menu', function(){
  $('.mask').removeClass('mask_visible');
    $('#menu').animate({  
  marginLeft: "-100%",  
  opacity: 0  
  }, 200);  
});

});

How it looks.

目前，此代码放在所有脚本之后。

问题是我的代码只能在我加载的第一页上运行。在我重定向到第二页后，我的警告＆＃34;代码会触发，但我不能再拔出导航栏了。

绑定代码仅在一个页面上执行，重定向后它停止工作。移动jQuery

0 个答案: