我们正在使用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()
})
})
});