Jquery переключить мобильное меню (убрать href javascript) - PullRequest
0 голосов
/ 28 октября 2011

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

Текущий веб-сайт является веб-сайтом Wordpress, поэтому структура меню создается WP.

Поскольку это генерируется WP, мне нужно использовать javascript, чтобы манипулировать данными для добавления знаков + - и> для переключения и, если нет детей, чтобы перейти непосредственно на страницу.

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

http://jsfiddle.net/9Dvrr/9/

Но есть еще две проблемы, которые я не могу понять.

  1. Удалите href из "a", когда у "li" есть дочерний элемент "ul". Это должно удалить ссылки элементов, так что они будут переключаться (но не ссылки), чтобы перемещаться прямо через самый глубокий уровень.
  2. В настоящее время javascript добавляет множество значков с иконками. Я не могу понять, почему

Я некоторое время боролся с этим и задавался вопросом, может ли кто-нибудь помочь мне с этим.

Ответы [ 2 ]

1 голос
/ 28 октября 2011

В предоставленном вами jsfiddle вы зацикливаетесь на элементах, чтобы добавить интервалы со знаком «+» или «-» внутри, в зависимости от случая. Дело в том, что HTML-код, с которого вы начинаете, уже содержит эти промежутки, поэтому вы видите некоторые дубликаты.

Поскольку вы сказали, что вы не можете добавить эти промежутки в HTML из-за структуры WP, я думаю, они произошли из-за неправильного копирования / вставки, сделанного вами при создании jsfiddle. Я удалил их в HTML и добавил return false, чтобы предотвратить ссылки на другую страницу, когда внутри тега есть ul.

http://jsfiddle.net/wzzGG/

0 голосов
/ 28 октября 2011

Ваша первая проблема может быть решена с помощью следующего:

$.each($('#menu-mobiel li'), function(i, value) {
    var $this = $(this);
    if ($this.has('ul').length > 0) {
        $this.children('a').attr('href','javascript:');
    }

Мне трудно понять вашу вторую проблему. Вам нужен только один + для элементов с подменю и один> для элементов со ссылкой?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...