jQuery 移动 css 和 js 不适用于使用 .load() 加载的内容
jQuery mobile css and js not applied to the content loaded with .load()
so..这是场景
我有一个带有 data-role="page" 的页面和一个页眉容器和页脚div - 正常的 jquery 移动页面结构。
有两个div,其中一个div 中我正在动态加载其他一些内容,其中包含指定了数据角色的按钮和文本框。
现在的问题是:
在div 中加载新页面时,控件不会显示为移动控件,而是看起来像普通的 HTML 控件。这可能是因为它们在 dom 准备就绪后加载,因此他们没有获得 jqm js 和 css。
以下是页面结构。
<html>
<head>
<link rel="stylesheet" href="styles/jquerymobile.css" type="text/css" />
<script src="scripts/jquery.js"></script>
<script src="scripts/jquery.mobile.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
</div>
<div data-role="content">
<div id="static_content"></div> // no problem to this.
<div id="dynamic_content"></div> // dynamic content used .load() - no jqm css loaded :(
</div>
</div>
</body>
</html>
任何帮助将不胜感激。
您必须将内容加载到jQuery移动事件结构中。详情请看这里:http://jquerymobile.com/demos/1.1.0/docs/api/events.html
我使用"pagecreate"事件在jquery增强内容之前对其进行了修改,如下所示:
obj_out.add "$('div').live('pagecreate',function(event){" & vbNewLine
obj_out.add " $('.jsvisible').show();" & vbNewline
obj_out.add " $('.jshidden').hide();" & vbNewline
obj_out.add " $('.nojs').removeClass('nojs');" & vbNewline
obj_out.add "});" & vbNewline
您可以在加载动态内容后调用页面小部件构造函数
$("div[data-role='page']").page('destroy').page();
相关文章:
- Yii ActiveForm:通过jQuery.load加载表单
- 使用 jquery.load 加载多个 Highcharts
- 如何通过https连接使用google.load加载谷歌库
- jQuery.bind'正在使用jQuery.load加载东西
- 如何将通过ajax或jquery.load加载的所有javascript放在非全局子作用域中
- 使用Jquery.load()加载javascript内容
- 是否可以通过jQuery.load()加载外部元素后滚动到锚点
- 如何检测被load()加载的元素是否已经完成加载?
- 如何使用jquery .load()加载PHP GET值?
- 无法操作由AJAX load()加载的外部HTML的DOM元素
- 使用.load加载远程html时,Jquery脚本不工作
- 使用.load()加载页面的次数为每次搜索2到3次
- 卸载通过load()加载的JS以避免重复
- 通过.load()加载内容而不刷新的问题
- JavaScript (colorbox)在通过jquery. load()加载的内容中不起作用
- Jquery.load加载页面的速度较慢
- 在通过jQuery.load加载jQuery脚本后执行该脚本
- jQuery点击事件处理程序在使用load()加载html页面后不起作用
- 使用jquery load()加载目标元素
- AngularJS数组不是在View Load加载,而是在警报/控制台工作