jav*_*ess 10 ajax mobile jquery android
我正在构建一个现有网站的移动版本,我正在寻找一个解决我遇到的问题(作为一个jQuery Mobile noob).
这个页面对第一张图片有一个jquery反射效果:http: //m.fijitourism.com/accommodation/coral-coast/bedarra-beach-inn/(它通过将效果应用于任何具有'类'的图像来实现反映').
如果直接进入页面,js会加载并且反射在图像上正常工作.但是,如果你从这里导航到页面,父页面,反射js不起作用:http: //m.fijitourism.com/accommodation/coral-coast/
据我所知,这与jquery mobile的ajax加载有关.我发现如果我在父页面的链接上使用'data-ajax ="false"',反射js加载就可以了.
我的问题是:
- 有没有更好/更正确的方法来实现反射而不在父页面链接上使用data-ajax ="false"？我知道这并不是'data-ajax ="false"'的设计目的.官方文档说使用它'如果你是从通过Ajax加载的移动页面链接到包含多个内部页面的页面',我不是.
- 解释为什么ajax加载阻止反射js会很好.
jav*_*ess 12
事实证明,在官方文档中有一个我错过的页面处理这个问题:http: //jquerymobile.com/test/docs/pages/page-scripting.html
要在Ajax导航系统加载和创建新页面时执行代码,您必须绑定到pagecreate事件.
初始化后,在初始化页面上触发pagecreate事件.我们建议绑定到此事件而不是DOM ready(),因为无论是直接加载页面还是将内容作为Ajax导航系统的一部分拉入另一个页面,这都将起作用.
$('#aboutPage').live('pagecreate',function(event){alert('这个页面刚刚被jQuery Mobile强化了!');});