1

我们正在使用 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() 行并简单地触发显示隐藏方面，那么两者都可以正常工作。

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

休息后...

搞定了，我需要在加载额外内容后启动 .bck 函数。

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

0 回答 0