<分区>
我只想将我的 Jquery 移动 CSS 和 JS 应用到页面上的一些有限元素,而不应用到其他元素。知道我该怎么做。
我有一些 Salesforce 标准客户门户,其中包含一个包含 Jquery、移动和 CSS 的选项卡。
现在,当我在客户门户中打开选项卡时,它会覆盖 Salesforce 标准样式。
谢谢
最佳答案
取决于您使用的 jQuery Mobile 版本。
解决方案 1:
在 mobileinit
上修改全局设置 , 通过设置 ignoreContentEnabled
真实。但是,这会对应用程序性能产生负面影响,因为它会减慢处理/初始化小部件/元素的速度。
<head>
<script src="jQuery.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.ignoreContentEnabled = true;
});
</script>
<script src="jQuery-Mobile.js"></script>
<head>
添加data-enhance="false"
到您希望 jQM 保持不变的元素或 div。
<div data-role="content" data-enhance="false">
<!-- elements -->
</div>
<input type="text" data-enhance="false">
解决方案 2:
修改页面 小部件默认值 mobileinit
,通过为 keepNative
设置一个 .selector . .selector 可以是 <tag>
, 一个 #id
或 .class
.
jQuery 手机 <= 1.3.x
<head>
<script src="jQuery.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.page.prototype.options.keepNative = $.mobile.page.prototype.options.keepNative + ", input, #foo, .native";
});
</script>
<script src="jQuery-Mobile.js"></script>
<head>
jQuery 移动 >= 1.4.x
<head>
<script src="jQuery.js"></script>
<script>
$(document).on("mobileinit", function () {
$.mobile.keepNative = $.mobile.keepNative + ", input, #foo, .native";
});
</script>
<script src="jQuery-Mobile.js"></script>
<head>
创建页面时,input
, 带有 #foo
的元素ID 和元素带有 native
类,将保持原样。
关于Jquery CSS 和 JS 到有限的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24200126/
相关文章:
ajax - 在启动时加载所有页面 jQueryMobile
适用于 Salesforce 的 Azure 数据工厂链接服务(Salesforce 中的 API 访问问题)
javascript - 从 JS 函数内的 "This"获取下拉选择的文本
javascript - 如何创建处理复选框选择的单个函数?
javascript - Visualforce:未捕获类型错误:无法读取未定义的属性 'tid'
ide - Salesforce.com 的首选开发环境是什么?
JavaScript 或 jQuery : Saving input value into variable which is saved into another variable