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元素上的类。

Answer 1

看起来你的一些代码实际上是使用jQuery删除类。

尝试查找使用jQuery的代码，并注释掉删除类的行。 jQuery不会单独执行此操作

Answer 2

在jQuery脚本中，修改可能如下所示的行：

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

或

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

或类似的东西..（只需搜索＆＃34; .removeClass（＆＃34;在.js文件中）

有了这个：

$('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-layer * { text-shadow：none！important; }

        .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（）

4 个答案: