如何禁用 .removeClass()

Question

我对 jquery-2.1.4.js 有疑问。

我已将 layerslider 添加到我的网站，但此脚本已更改 div 类。我试图将此脚本更改为较低版本，但它仍然无法正常工作。

所以... 我有类喜欢：

<a href="#" class="col-md-3 col-sm-6"><p><img src="...pomoc.jpg" alt=""></p></a>

当我将 jQuery 脚本添加到我的网站时，结果是

<a href="#"><p><img src="...pomoc.jpg" alt=""></p></a>

这是一个例子，但一半的网站被扭曲了。

是否可以从此脚本中删除 removeClass 函数或添加一些代码，使其不会在 DOM 元素上 change/alter 类。

Answer 1

看起来您的某些代码实际上是在使用 jQuery 删除类。

尝试找到使用 jQuery 的代码，并注释掉删除类的行。 jQuery 自己不会这样做

Answer 2

在jQuery脚本中，修改如下行：

$('SELECTOR-HERE').removeClass('col-md-3 col-sm-6');

或

$('SELECTOR-HERE').removeClass('col-*');

或类似的东西..（只需在 .js 文件中搜索“.removeClass(”）

有了这个：

$('SELECTOR-HERE').not('.escape-removeClass').removeClass('col-md-3 col-sm-6');

并按如下方式编辑您的 HTML：

<a href="#" class="col-md-3 col-sm-6 escape-removeClass">
    <p>
        <img src="...pomoc.jpg" alt="">
    </p>
</a>

如果你想要更准确的答案，让我看看jQuery代码

Answer 3

你可以做的只是覆盖 jQuery 中的标准函数，这是我的 jsFiddle

jsFiddle : https://jsfiddle.net/76cc9L7m/

jQuery

jQuery.fn.removeClass = function () {
    alert('not defined');
};

$(function () {
    $('div').removeClass('removeme');
})

Html

<div class="removeme">hello</div>

CSS

.removeme {
    font-size: 22px;
}

Answer 4

这是横幅的代码： allservicetest.iwareprint.pl

' .ls层， .ls 层 * { 文本阴影：none！重要； }

        .ls-s-1 {
            border-radius: 100px;
            -moz- border-radius: 100px;
            -webkit- border-radius: 100px;
            font-weight: normal;
        }

        .plus,
        .plus2 {
            text-align: center;
            width: 50px;
            height: 50px; 
            font-size: 50px;
            line-height: 50px;
            background: #eee;
        }

        .plus {
            color: #3b173d;
        }

        .plus2 {
            color: #1e73be;
        }

        .text,
        .text2 {
            font-size: 26px; 
        }

        .text {
            color: #eee;
        }

        .text2 {
            color: #1e73be;
        }

    </style>


        <div id="layerslider" style="width: 100%; height: 400px; margin: 0px auto; ">


            <div class="ls-layer" style="slidedirection: right; transition3d: 31; ">
                <img src="http://kreaturamedia.com/wp-content/uploads/2013/04/bg7a.jpg" class="ls-bg" alt="Slide background">
                <h5 class="ls-s-1 plus" style=" top:310px; left: 40px; slidedirection : fade; slideoutdirection : fade; durationin : 750; durationout : 750; easingin : easeInOutElastic; rotatein : 90; rotateout : -90; scalein : .5; scaleout : .5; showuntil : 4000;"> + </h5>
                <h5 class="ls-s-1 text" style=" top:317px; left: 105px; slidedirection : fade; slideoutdirection : fade; durationout : 750; easingin : easeOutQuint; delayin : 300; scalein : .8; scaleout : .8; showuntil : 4000;"> you can add the slider elements into a centered container in full width mode </h5>
            </div>

            <div class="ls-layer" style="slidedirection: right;  transition3d: 31; ">
                <img src="http://kreaturamedia.com/wp-content/uploads/2013/04/bg6a.jpg" class="ls-bg" alt="Slide background">
                <h5 class="ls-s-1 plus2" style=" top:40px; left: 40px; slidedirection : fade; slideoutdirection : fade; durationin : 750; durationout : 750; easingin : easeOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; rotatein : 90; rotateout : -90; scalein : .5; scaleout : .5;;"> + </h5>
                <h5 class="ls-s-1 text2" style=" top:47px; left: 105px; slidedirection : fade; slideoutdirection : fade; durationout : 750; easingin : easeOutQuint; delayin : 300; scalein : .8; scaleout : .8; "> full width slider can be also responsive under a value of width </h5>
            </div>

            <div class="ls-layer" style="slidedirection: right;  transition3d: 31; ">
                <img src="http://kreaturamedia.com/wp-content/uploads/2013/04/guitars.jpg" class="ls-bg" alt="Slide background">
            </div>

        </div>'

  <script src="http://blog.web-to-print.pl/wtp/sliderwtp/jquery-easing-1.3.js" type="text/javascript"></script>
  <script src="http://blog.web-to-print.pl/wtp/sliderwtp/jquery-transit-modified.js" type="text/javascript"></script>
  <script src="http://blog.web-to-print.pl/wtp/sliderwtp/layerslider.transitions.js" type="text/javascript"></script>
  <script src="http://blog.web-to-print.pl/wtp/sliderwtp/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>

  <script type="text/javascript">
     $(document).ready(function(){
        $('#layerslider').layerSlider({
           skinsPath : 'http://blog.web-to-print.pl/wtp/sliderwtp/skins/',
           skin : 'fullwidth',
           thumbnailNavigation : 'hover',
           hoverPrevNext : false,
           responsive : true,
           responsiveUnder : 960,
           sublayerContainer : 960
        });
     });      
  </script>

'

如何禁用 .removeClass()

How to disable .removeClass()

html

css

jquery

removeclass