Как мне отменить jQuery с подчеркиванием. js? - PullRequest
Новая
       87

Как мне отменить jQuery с подчеркиванием. js?

0 голосов
/ 21 января 2020

Я пытаюсь отменить нижеследующее jQuery, используя подчеркивание . js, но независимо от того, где я размещаю свой код, я не могу заставить его работать. Сценарий включен в HTML примерно так: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"></script>

, и код работает без функции отладки.

Вот jS, который мне нужно отменить: 

if( $(window).width() > 858) {
jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-R, .cdlSepValues-G").hover(function(){
   jQuery(this).css("width", "calc(100% / 5 + 200px)");
   }, function(){
   jQuery(this).css("width", "calc(100% / 5)");
});

jQuery(".cdlSepValues-Y").hover(function(){
  jQuery(".cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-R, .cdlSepValues-G").css("width", "calc(100% / 5 - 50px)");
  }, function(){
  jQuery(".cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-R, .cdlSepValues-G").css("width", "calc(100% / 5)");
});

jQuery(".cdlSepValues-P").hover(function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-O, .cdlSepValues-R, .cdlSepValues-G").css("width", "calc(100% / 5 - 50px)");
  }, function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-O, .cdlSepValues-R, .cdlSepValues-G").css("width", "calc(100% / 5)");
});

jQuery(".cdlSepValues-O").hover(function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-R, .cdlSepValues-G").css("width", "calc(100% / 5 - 50px)");
  }, function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-R, .cdlSepValues-G").css("width", "calc(100% / 5)");
});

jQuery(".cdlSepValues-R").hover(function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-G").css("width", "calc(100% / 5 - 50px)");
  }, function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-G").css("width", "calc(100% / 5)");
});

jQuery(".cdlSepValues-G").hover(function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-R").css("width", "calc(100% / 5 - 50px)");
  }, function(){
  jQuery(".cdlSepValues-Y, .cdlSepValues-P, .cdlSepValues-O, .cdlSepValues-R").css("width", "calc(100% / 5)");
});

}

Можно ли обернуть это jS в функцию debounce или мне нужно все переосмыслить? Любая помощь будет принята с благодарностью!

...