JQuery Mobile 选择菜单在文档加载时重复
发布于2024-11-03 21:54 阅读(837) 评论(0) 点赞(4) 收藏(0)
我有这个简单的选择菜单，我正在项目中尝试
<select data-mini="true">
<option value="small">One</option>
<option value="medium">Two</option>
<option value="large">Three</option>
</select>
这很好用。但我在文档加载时加载了页眉和页脚（如下所示）。这似乎创建了两个嵌套的选择菜单，有时这个嵌套菜单往往会达到 3 或 4 级。
$(document).ready(function () {
$('#header').load("iphoneHeader.html");
$('#footer').load("iPadFooter.html");
});
为什么会出现此错误？ 有没有什么解决方法？
谢谢你！
解决方案
切勿将文档与 jQuery Mobile 一起使用。
您还应该使用预定义的 jQuery Mobile 页面事件。
首先，jQuery Mobile 使用 Ajax 来加载内容。因此，document ready 通常会在 jQuery 实际加载预定义的页面内容之前加载。更糟糕的是，document ready 可能会触发多次（超过两次）。如果单击/点击事件附加不当，也会发生这种情况。
这就是为什么使用 jQuery Mobile 事件很重要。
如果您想在应用程序启动时触发某些操作，您可以使用mobileinit事件。
$(document).on("mobileinit", function(){
//apply overrides here
});
另一方面，如果您想在某个页面初始化时触发某些操作，您可以使用pagecreate事件。
$(somePageID).on("pagecreate", function(){
//apply overrides here
});
在此处查找有关 jQuery Mobile 事件的更多信息。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/534978/0bcf5451e0aa0d52338b/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力