在多页网站中使用jQueryMobile / jQuery的问题

作者: WL
发布时间: 2023-08-19 03:29:02 (8月前)
转自：

4 条回复

0#
回复此人
哎？小查查 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> jQM文档： </p> <UL> <LI> <a href="http://jquerymobile.com/demos/1.0.1/docs/api/events.html" rel="nofollow noreferrer"> http://jquerymobile.com/demos/1.0.1/docs/api/events.html </A> </LI> </UL> <BLOCKQUOTE> <P> 的<strong> 重要：使用 <code> pageInit() </code> 不是 <code> $(document).ready() </code> </强> </p> <P> 你在jQuery中学到的第一件事就是在里面调用代码 <code> $(document).ready() </code> 功能所以一切都会尽快执行 DOM已加载。但是，在jQuery Mobile中，Ajax用于加载导航时每个页面的内容都放入DOM中，并准备好DOM 处理程序仅对第一页执行。每当执行代码时加载并创建新页面，您可以绑定到pageinit事件。此事件在本页底部详细说明。 </p> </BLOCKQUOTE> <P> 我也建议继续阅读 <a href="http://stage.learn.jquery.com/javascript-101/scope/" rel="nofollow noreferrer"> var范围 </A> 和 <a href="http://stage.learn.jquery.com/javascript-101/closures/" rel="nofollow noreferrer"> 关闭 </A> 在JavaScript中 </p> <P> 有关： </p> <UL> <LI> <a href="https://stackoverflow.com/questions/8359028/why-the-variable-is-out-of-scope"> 为什么变量超出范围？ </A> </LI> </UL> </DIV>

编辑
1#
回复此人
冷月如霜·胡狼 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <pre> <code> var test = 0; $('#main').live("pageshow",function(event){ //or pageinit, or pagecreate $('a').click( function () { test= $(this).attr('id'); } ); }); </code> </pre> </DIV>

编辑
2#
回复此人
一瓶泡沫 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 从评论中读取您需要使用pageInit。你有没有尝试过 </p> <pre> <code> $( '#main' ).live( 'pageinit',function(event){ var test = 0; $('a').click( function () { test= $(this).attr('id'); } ); }); </code> </pre> </DIV>

编辑

登录后才能参与评论