Jquery CSS 和 JS 到有限的元素

标签 jquery jquery-mobile salesforce

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我只想将我的 Jquery 移动 CSS 和 JS 应用到页面上的一些有限元素,而不应用到其他元素。知道我该怎么做。

我有一些 Salesforce 标准客户门户,其中包含一个包含 Jquery、移动和 CSS 的选项卡。

现在,当我在客户门户中打开选项卡时,它会覆盖 Salesforce 标准样式。

谢谢

最佳答案

取决于您使用的 jQuery Mobile 版本。

  1. 解决方案 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">
      

  1. 解决方案 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类,将保持原样。


Demo

关于Jquery CSS 和 JS 到有限的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24200126/

上一篇:html - 带有单独导航的 Bootstrap scrollspy

下一篇:html - 边框半径在 safari 4.0、5.0 for windows 7 及更高版本中不起作用

相关文章:

ajax - 在启动时加载所有页面 jQueryMobile

适用于 Salesforce 的 Azure 数据工厂链接服务(Salesforce 中的 API 访问问题)

javascript - 将变量传递给引用的函数?

javascript - 从 JS 函数内的 "This"获取下拉选择的文本

javascript - 如何创建处理复选框选择的单个函数?

javascript - Visualforce:未捕获类型错误:无法读取未定义的属性 'tid'

ide - Salesforce.com 的首选开发环境是什么?

JavaScript 或 jQuery : Saving input value into variable which is saved into another variable

ios - 从底部剪裁的主屏幕 Web 应用程序

html - jQuery Mobile ScrollView 仅适用于垂直滚动