jQuery的CSS和JS的限制元素

我想将我的Jquery移动CSS和JS应用到一些有限的元素，并没有在页面上的其他元素。 任何想法我怎么能做到这一点。

我有一些Salesforce标准客户门户网站，其中包括一个有Jquery，mobile和CSS的选项卡。

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

谢谢

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

  1. 解决scheme1：

    • 通过将ignoreContentEnabled设置为true来修改mobileinit上的全局设置 。 但是，这会影响应用程序的性能，因为它会减慢处理/初始化小部件/元素。 

       <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" enhance data-enhance="false"添加到jQM保持不变的元素或div。 

       <div data-role="content" data-enhance="false"> <!-- elements --> </div> <input type="text" data-enhance="false">

  1. 解决scheme2：

    • 通过为keepNative设置.selector来修改mobileinit上的页面控件默认值。 .selector可以是<tag> ， #id或.class 。

      • jQuery Mobile <= 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 Mobile> = 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>

      当正在创build页面时， input具有#foo ID和具有native类的元素的元素将保持原样。

演示

Interesting Posts