Toggleclass jquery не работает

Toggleclass jquery не работает

Подключаю к меню

‘top’, // menu identificator, defined of register_nav_menus() function in function.php

‘container’=> ‘main_menu’, // parent tag of ul, false is nothing

‘menu_class’ => ‘menu’, // class of ul

‘menu_id’ => ‘top’, // id attribute of ul

wp_nav_menu($args); // display top menu

Как сделать так что бы java скрипт подгружался асинхронно (или загнать его в футер) и

вы джкваери грузите асинхроно, а

вызываете в процессе загрузки документа, не дожидаясь подгрузки необходимых библиотек.

вестимо вешать онлоад ивент и в нем уже подключать ивенты на всё остальное и выполнять вызовы библиотеки.

тут же проблем нет?

dkameleon:
вы джкваери грузите асинхроно, а

вызываете в процессе загрузки документа, не дожидаясь подгрузки необходимых библиотек.

вестимо вешать онлоад ивент и в нем уже подключать ивенты на всё остальное и выполнять вызовы библиотеки.

тут же проблем нет?

Сделать вот так ?

лучше как-то так:

dkameleon:
лучше как-то так:

Ноль реакции, js файл у меня base64 сжат, может из за этого ?

dkameleon:
лучше как-то так:

А это и не будет работать, так как нельзя в одном теге script подключать внешний файл и писать что то свое.

Источник

jQuery toggleClass — ослабление не работает

у меня возникли проблемы с получением смягчающего свойства toggleClass на работу. Я искал на этом сайте и других, но до сих пор не могу заставить его работать так, как ожидалось. Класс переключается просто отлично, но он не облегчает вход или выход плавно.

вот мой пример кода: демо

вот (все) скрипты, которые я загружаю в свой проект:

у меня есть подозрение, что это имеет какое-то отношение к сценариям, которые я загружаю (или, может быть не заряжается?) потому что я просмотрел код несколько раз и сравнил его непосредственно с документами jQuery. Я очень новой для jQuery.

то, что я пытаюсь сделать, похоже на эффект раскладушки. На странице загрузите

3 ответов

в вашем демо-коде я изменил:

это работает с эффектом смягчения, но это создает проблему, когда элемент просто занимают пространство. Это не супер-элегантный, но я решил это проблема для вас здесь, используя второй класс removeMe здесь:

бонус:

в качестве альтернативы использовать slideToggle() , пример здесь:https://jsfiddle.net/gL0vnhc2/

Бонус 2:

этот код проверяет текущее состояние флажка, а затем условно анимирует на основании значения:

это также можно сделать с помощью css transitions , отсутствие потребности для jQuery облегчая влияния

вот простая демонстрация.

в CSS

JS

работающего JS Fiddle

работающего фрагмент

Если вы хотите использовать опцию toggleClass, это немного сложно, но будет работать.

добавление другого класса, который отвечает за «display: none», и переключение его после или до фактического анимированного класса.

Источник

jquery toggleClass не работает

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

поэтому я хочу изменить класс с btn to btn active у меня есть этот код

Я попробовал с этим кодом, потому что в некоторых других javascript в моем accpliceation также добавляются эти классы.

это прекрасно работает, когда его как рев

но когда моя первая кнопка активна, как рев

это не сработало, но дает классы, как показано ниже, когда нажимаете на double

это странно, потому что он работает, когда активен , но не работает, когда активен .

все, что я хочу сделать, это когда нажимаю на любую ссылку, 1. Удалите все классы из старой ссылки и дайте старой ссылке класс «btn» 2. Удалите все классы из нажатой ссылки и дайте класс «btn active»

как это исправить?

5 ответов

У меня есть этот фрагмент (ниже) jQuery, который добавляет отдельный селектор CSS для каждого из моих элементов с классом ‘.filter-name’ , это работает, и я доволен тем, что он делает. jQuery(‘.filter-name’).each(function(i)< jQuery(this).addClass('title'+(i+1)); >); Моя проблема заключается в.

Я строю фотогалерею, используя jquery. Вот мой код //css //html

Вам просто нужно переключить класс для текущей нажатой ссылки, а перед этим удалить активный и сфокусированный класс для всех ссылок, как это:

Базовое переключение

Следующий код переключает класс active на ваших кнопках, что означает, что он добавляет его, когда его нет, и удаляет его, когда он есть :

Демонстрация

Разрешить только одну активную кнопку

Если вы хотите иметь только одну активную кнопку в любое время, вам следует просто удалить класс active из ALL ваших кнопок и добавить его к той, на которую вы нажали, что вы можете сделать следующим образом :

Демонстрация

Я хочу, чтобы был включен только неактивный (красный) переключатель, но селектор jQuery не работает должным образом после переключения классов. Я также попробовал .live. Что я здесь упускаю? http://codepen.io/anon/pen/ojpdf markup:

Я работаю на веб-сайте, на котором есть кнопка, которая показывает меню при нажатии. Я пытаюсь заставить его менять цвет, когда он активен, но toggleClass не меняет цвет фона при нажатии кнопки. Вот код, который я использую. $(.services-btn).click(function() < $(this).toggleClass(active-btn); >);.

Возможно, проблема в вашем селекторе jQuery.

Вы обнаруживаете щелчок по всем тегам привязки с классом «btn»:

Но тогда вы удаляете класс «btn». Как можно обнаружить будущие клики? Ответ: не будут.

Обратите внимание, что нет необходимости указывать оба класса в строке

Похоже, что вы действительно хотите переключить только класс active , поэтому просто сделайте это

Кроме того, я считаю наиболее полезным точно указать, что я хочу добавить/удалить в любой момент времени. Другими словами, я стараюсь использовать только addClass() и removeClass() , а не toggleClass() . Для этого требуется больше кода, но это более безопасно.

Пожалуйста, измените код jquery следующим образом :

Это работает на меня. надеюсь, это поможет 🙂

Источник

функция toggleClass не работает должным образом

Моя функция не работает должным образом. иногда это работает иногда нет

3 ответа

Кто-нибудь знает, почему следующий код jQuery работает не так, как ожидалось? HTML:

Почему мой toggleclass не работает? http://jsfiddle.net/xH8ME/1 / ( toggleclass() не работает, но он должен работать)

Когда вы нажимаете на метку, вы также нажимаете на checkbox, потому что это то, что делает метка. Событие щелчка checkbox, в свою очередь, всплывает до метки. Таким образом, обработчик щелчка метки запускается дважды, и классы переключаются дважды, фактически ничего не делая.

Вам нужно будет отслеживать, сколько раз вызывается обработчик щелчка и действует только в первый раз: http://jsfiddle.net/ZVCM5/2/ .

Одно из возможных решений, которое включает в себя небольшое изменение вашего markup (в лучшую сторону IMHO!)

Если бы вы изменили метку, чтобы иметь checkbox и промежуток с текстом — и вместо этого применили свой стиль, т. Е.:

Тогда это jQuery работает:

Преимущество здесь в том, что у вас больше адресуемых HTML (вы можете получить текст отдельно от checkbox внутри метки). Кроме того, семантика щелчка по тексту по-прежнему проверяет/снимает флажок checkbox.

Если вы хотите переключаться между этими двумя классами

Должен это сделать

Похожие вопросы:

Я хочу, чтобы меню работало так. Когда вы нажмете кнопку Main1, он станет активным, и список появится, а когда вы нажмете его снова, список скроется. Когда Main1 активен и вы нажимаете Main2, то.

Я создаю свою собственную вкладку аккордеона, используя css и jquery. при нажатии на вкладку она должна быть открыта, а любая другая открытая вкладка должна быть свернута или закрыта. Проблема в.

Я реализовал функцию вызова в своем приложении. Функция вызова работает правильно в iPhone, но не работает должным образом в iPad. Когда мы нажимаем кнопку вызова в iPad потом звонят предупреждений.

Кто-нибудь знает, почему следующий код jQuery работает не так, как ожидалось? HTML:

Почему мой toggleclass не работает? http://jsfiddle.net/xH8ME/1 / ( toggleclass() не работает, но он должен работать)

Ну, у меня есть меню , и там я хочу иметь класс под названием active , когда он активен, очевидно. Для переключения этого класса я использую функцию jQuery toggle, но она просто активирует его в.

Я хочу, чтобы был включен только неактивный (красный) переключатель, но селектор jQuery не работает должным образом после переключения классов. Я также попробовал .live. Что я здесь упускаю.

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

В настоящее время я делаю калькулятор с HTML, CSS и Javascript для практики. Я обнаружил, что функция built in eval делает математику из строки. Но это не работает должным образом. Я не знаю, в чем.

Метод .toggleClass() только добавляет class к моему выбору, поэтому при нажатии все, что я получаю, это:

Источник

jQuery toggleClass — плавность не работает

У меня проблемы с работой свойства замедления toggleClass . Я искал на этом и других сайтах, но все еще не могу заставить его работать должным образом. Класс переключается нормально, но не плавно включается или выключается.

Вот мой пример кода: ДЕМО

Вот (все) скрипты, которые я загружаю в свой проект:

У меня есть скрытое подозрение, что это как-то связано со скриптами, которые я загружаю (или, может быть, не загружаю?), Потому что я просмотрел код несколько раз и сравнил его непосредственно с документами jQuery. Я тоже новичок в jQuery.

То, что я пытаюсь достичь, похоже на эффект раскладушки. При загрузке страницы

3 ответа

В вашем демонстрационном коде я изменил:

Это работает с эффектом ослабления, но создает проблему, когда элемент просто занимает место. Это не очень элегантно, но я решил эту проблему для вас здесь, используя здесь второй класс removeMe:

Бонус:

В качестве альтернативы используйте slideToggle() , пример здесь: https://jsfiddle.net/gL0vnhc2/

Бонус 2:

Этот код проверяет текущее состояние флажка, а затем условно анимирует его в зависимости от значения:

Это также можно сделать с помощью css transitions , нет необходимости в эффектах замедления jquery.

Вот простая демонстрация.

CSS

JS

Рабочий JS Fiddle

Рабочий фрагмент

Если вы хотите использовать опцию toggleClass, это немного сложно, но сработает.

Добавление другого класса, отвечающего за «display: none», и переключение его после или до фактического анимированного класса.

Источник