如何解决用jQuery mobile加载div
| 在加载内容时出现问题$(\'#next\').click(function(){
$(\'#boundary\').load(\'options.html #pagecontent\').page();
});
问题是存在于options.html中的#pagecontent div加载在预期的jquery移动元素中,但没有加载。
如果预览该页面,则id = page内容的options.html中的页面会很好显示。它只有当我尝试加载并将其加载到id = \“ boundary \”的另一个页面div中时,所有jquery移动渲染都将失败,并且这些元素只是作为本地html元素加载。
在options.html中:一个包含一些ui元素的标准div。
<div id=\"pagecontent\">
// Jquery mobile button
<a href=\"results.php\" data-transition=\"fade\" id=\"result\" data-role=\"button\" data-theme=\"e\" rel=\"external\">View results</a>
</div>
谢谢
解决方法
这只是一个猜测,但是如果用户单击页面链接时默认情况下jQuery Mobile会这么做,为什么还要编写代码从html文件加载页面div?
如果不是为了加载在添加到页面之前需要分析和更改的数据,建议不要编写自己的AJAX支持。
,尝试添加.page()
$(\'#boundary\').load(\'options.html#pagecontent\').page();
也许附加到点击功能
$(\'#next\').click(function(){
$(\'#boundary\').load(\'options.html#pagecontent\');
}).page();
,我遇到了类似的问题,并找到了一种强制加载的div进行jQuery移动渲染的解决方案。我知道这个答案对您来说来得很晚,但是也许会对其他类似的问题有所帮助:
$(\'#next\').click(function(){
$(\'#boundary\').load(\'options.html #pagecontent\');
$(\'#boundary\').trigger(\"pagecreate\").trigger(\"refresh\");
});
这对我使用jquery mobile 1.1.0有用(我没有测试旧版本)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。