Создание мобильного меню переключения jQuery

#javascript #jquery #wordpress #mobile #toggle

#javascript #jquery #wordpress #Мобильный #переключение

Вопрос:

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

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

<div class="plus"> </div> и <div class="min">-</div> .

Когда у элемента нет дочернего элемента, вообще ничего не должно происходить.

До сих пор мне удавалось это сделать, пожалуйста, посмотрите Мой эксперимент на http://jsfiddle.net/jfvandekamp/9Dvrr/2 /

Комментарии:

1. Вы уже пробовали какие-либо ответы?

2. Извините, что пропадал на пару дней (праздники), но спасибо миллион раз, чувак! я просто не мог понять это, и я использовал вашу версию jsfiddle. Я должен подготовить добавление для размещения промежутка позади содержимого.

3. Пожалуйста, имейте в виду, что пример jsFiddle — это просто пример. Разумно не использовать его как есть. Кроме того, если ваша проблема решена, вам следует рассмотреть возможность пометки вопроса как ответа.

4. Я буду, спасибо за совет! у меня это работает на моем веб-сервере так, как вы упомянули. Внес небольшое изменение сам ( jsfiddle.net/9Dvrr/7 ) Я пытаюсь сделать if else для отображения > , когда или — не отображается. Поскольку у этого элемента нет дочерних элементов, это будет простой элемент. Снова экспериментировал jsfiddle.net/9Dvrr/6 но разве это работает не так, как я хочу

Ответ №1:

Вы можете использовать функцию jQuery $.contains(), чтобы проверить, находится ли элемент DOM внутри другого элемента DOM.

http://api.jquery.com/jQuery.contains/

Итак, в вашем примере вы должны проверить, содержит ли элемент меню, на который был нажат, другой элемент UL

$jQuery.contains($(this), '<ul>');

Ответ №2:

Я бы использовал $.has() для фильтрации складных элементов.

Я обновил ваш jsFiddle: http://jsfiddle.net/9Dvrr/5 /

Комментарии:

1. Тысячу раз спасибо! это сделало именно то, что мне было нужно!