Метод switchClass () інтерфейсу користувача jQuery не працює належним чином

якщо PRB є

.switchClass не є функцією

перевірте, чи є ви посиланням effects.core.js у своєму коді

Перевірте, що за допомогою консолі у навігаторі для JS, удачі, це добре працює для мене :)

$(function(){
   $('#circle').click(function(){
      $('.circle').switchClass('circle', 'square', 'slow');
      $('.square').switchClass('square', 'circle', 'slow');
      return: false
   });  
});

У цьому прикладі, натиснувши #circle Div, я видаляю клас .circle з усіх об'єктів і замінюю його класом .square. Якщо клас .Circle не буде видалений, клас .quare буде видалено та замінено класом .circle. Це перемикач.

Якщо ви не хочете перемикати, просто зніміть верхню або нижню.

будь-ласка, перевірте, чи додається файл jQueryUi

<script type="text/javascript" src="https://code.jquery.com/ui/1.8.23/jquery-ui.min.js"></script>

Я зіткнувся з цією проблемою раніше, але не міг знайти рішення. Потім я використовував toggleClass() для вирішення проблеми. Ось приклад:

Якщо на початку елементу є клас X, тоді напишіть:

$(element).toggleClass("Y");

Це додасть клас Y. Якщо ви це зробите ще раз, він видалить клас Y.

Reference: http://api.jquery.com/toggleclass/

Надія, що допомагає.

Я гадаю, що хочете переключитися між двома класами. Якщо це так, ви можете зробити це за допомогою функції toggleClass.

 //first you start with one of the classes in html:
    <div class="foo"></div>
    //then in JS you do:
    var element = ...;
    $(element).toggleClass('foo bar');

Це змінить як "foo", так і "bar". Оскільки foo вже присутній, він буде видалений і додано панель. На наступній панелі викликів буде присутня, тому я його видали і додам foo. І так далі.

If something is not clear here is a jsfiddle example: https://jsfiddle.net/09qs86kr/1/

Переконайтеся, що в класах, які ви використовуєте, немає властивостей "! Важливого" . Я вклав та встановив, що клас перемикача інтерфейсу jQuery не працює для властивостей з "! Важливими" тегами.

Reason : Consider that your previous class had style "padding : 0" and your new class has "padding:100". You have added switchClass duration for 100 ms. What jQuery will do for this is, it will add a style to your element by increasing padding by "1" in every 1 ms. But, as the previous class is still there in the element with a "padding : 0 !important", after 10 ms, "padding : 10" style added by jQuery doesn't effect the UI. After 100 ms, jQuery will execute removeClass("previousClass") and addClass("newClass"). this will result to a instant change in style reflected in the UI.

Це пояснення я з'ясую. Будь ласка, дайте мені знати, що ви думаєте про це.