gpt4 book ai didi

Jquery CSS 和 JS 限制元素

转载 作者:行者123 更新时间:2023-12-01 02:42:48 24 4
gpt4 key购买 nike

我想将我的 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">
<小时/>
  • 解决方案 2:

    • 修改页面小部件默认设置mobileinit ,通过为 keepNative 设置 .selector.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>

      创建页面时,input ,元素为 #foo ID 和元素 native类,将保持原样。

  • <小时/>

    Demo

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

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com