2015-08-06 2 views
0

У меня проблема с jquery-2.1.4.js.Как отключить .removeClass()

Я добавил 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.

+4

Удаление функциональности ядра из JQuery не является хорошей идеей. Я бы проверял источник плагина и удалял линии нарушения или, еще лучше, использовал другой плагин, который работает по вашему усмотрению. –

+0

Является ли этот сайт общедоступным, чтобы мы могли взглянуть? Или вы можете предоставить список плагинов, которые вы используете? Похоже, что bootstrap css для начала – ne1410s

+0

вы можете просто искать экземпляры removeClass и комментировать их –

ответ

0

В сценарии JQuery, изменить строку, которая может быть как это:

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

или

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

или что-то подобное .. (просто поиск " .removeClass (»в .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

+0

Я не могу редактировать HTML-код, потому что это строка откуда-то ... Это магазин электронной коммерции, и этот HTML-код добавляется из некоторой строки. –

+0

'$ {tags.boxesHome}' Это текстовый код wchit show HTML на веб-сайте. –

+0

Попробуйте '$ (« SELECTOR-HERE »). Not ($ (« PARENT-HERE SELECTOR-HERE »));' замена SELECTOR-HERE с селектором, который уже был там, и PARENT-ЗДЕСЬ с div, где вы wnat что классы не удаляются. – Fest7

0

Похоже, что некоторые из вашего кода на самом деле используют jQuery для удаления классов.

Попробуйте найти код, который использует jQuery, и прокомментируйте строки, которые удаляют классы. JQuery не делать это на свой собственный

+0

Ничего другого сценарий не использует removeClass на моем веб-сайте. allservicetest.iwareprint.pl –

+0

все еще .. jQuery автоматически не удаляет классы. –

+0

Это функция jQuery removeClass https://jsfiddle.net/6duk52yj/1/ –

0

Что вы можете сделать, это просто переопределить стандарт функция из 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; 
} 
+0

Я не могу редактировать HTML-код. HTML отображается строкой '$ {tags.boxesHome}' –

0

Это код баннера: allservicetest.iwareprint.pl

' .ls-слой, .ls-la yer * { текст-тень: нет!важный; }

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

'

+0

Это код с jQuery http://blog.web-to-print.pl/wtp/1.jpg Это тот же код без jQuery http://blog.web-to-print.pl/wtp/2.jpg –