Zepeto加载功能中断隐藏显示

时间:2012-04-14 08:12:57

标签: ajax mobile zepto

我们正在使用Zepto.js构建移动网站。我们的大多数功能都足够简单,可以避免使用JQuery mobile所需的更大文件。但是......

当我使用.load()时,它似乎会破坏相关div的隐藏/显示。我的页面结构是:

<div id="content">
  <div id="maincntr">
  Normal page
  content ...
  <div class="rvw">show more</div>
  </div>
  <div id="ajxcntr">

  </div>
</div>

脚本是:

$('.rvw').click(function(){
$('#ajxcntr').show(),
$('#maincntr').hide(),
$('#ajxcntr').load('more/stuff.htm')
});

$('.bck').click(function(){
$('#maincntr').show(),
$('#ajxcntr').hide()
});

stuff.htm包含<div class="bck">Back</div>

初始函数工作正常,div被关闭/打开并加载文件。但.bck隐藏/显示功能不起作用。如果我从.rvw中删除.load()行并简单地触发show hide方面,一切都适用于两者。

所以我猜测是由.load()方面引起的问题。有什么想法或建议吗?

休息后

......

对它进行了排序,我需要在加载额外内容后启动.bck功能。

$('.rvw').click(function(){
   $('#ajxcntr').show(),
   $('#maincntr').hide(),
   $('#ajxcntr').load('reviews/th-north.htm', function(){  
       $('.bck').click(function(){
           $('#maincntr').show(),
           $('#ajxcntr').hide()
       })
   })
});

0 个答案:

没有答案