Форум русской поддержки Joomla!® CMS
24.04.2017, 01:52:38 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Двойная кнопка для мобильной версии

 (Прочитано 82 раз)
0 Пользователей и 1 Гость смотрят эту тему.
kushiy
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 336


« : 13.03.2017, 19:03:06 »

Пробую делать мобильное выпадающее меню. http://arial.bget.ru
В JS
Код:
jQuery(document).ready(function($){
    /* Подготавливаем иконку меню */
    $('.left-menu').prepend('<div id="menu-icon"><img src="/templates/jblank/images/menu-icon.png"/></div>');
   
    /* Включаем навигацию */
    $("#menu-icon").on("click", function(){
        $(".left-menu ul").slideToggle();
        $(this).toggleClass("active");
    });
});

Подскажите пожалуйста, в чем ошибка, что два раза кнопка появляется.
Записан
effrit
Группа развития
*****

Репутация: +800/-7
Online Online

Пол: Мужской
Сообщений: 7428


effrit.com


« Ответ #1 : 13.03.2017, 19:14:29 »

prepend ко всем дочерним добавляет.
надо использовать дополнение, типа last()
Записан
kushiy
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 336


« Ответ #2 : 13.03.2017, 19:22:34 »

Написал
Код:
$('.left-menu').last('<div id="menu-icon"><img src="/templates/jblank/images/menu-icon.png"/></div>');
и совсем пропало всё. Вернул пока обратно
Записан
effrit
Группа развития
*****

Репутация: +800/-7
Online Online

Пол: Мужской
Сообщений: 7428


effrit.com


« Ответ #3 : 13.03.2017, 19:25:34 »

не помню с ходу, как правильно. момню, что тоже ловил полтергейство, пока не стал конкретизировать запрос ).
щас гляну в старый проект, может просветлится чего
Записан
effrit
Группа развития
*****

Репутация: +800/-7
Online Online

Пол: Мужской
Сообщений: 7428


effrit.com


« Ответ #4 : 13.03.2017, 19:28:11 »

а. не ласт, вот это попробуй
.eq(0).append
Записан
kushiy
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 336


« Ответ #5 : 13.03.2017, 19:49:00 »

Попробовал
Код:
$('.left-menu').eq(0).append('<div id="menu-icon"><img src="/templates/jblank/images/menu-icon.png"/></div>');
Еще хуже. В самый конец меню поставились значки. И только один раз нажал, скрылось мню, а при другом клике уже ничего не вылезает.  Вернул обратно. Надо искать видимо другое решение
Записан
effrit
Группа развития
*****

Репутация: +800/-7
Online Online

Пол: Мужской
Сообщений: 7428


effrit.com


« Ответ #6 : 13.03.2017, 20:01:21 »

не, я имел в виду вставить .eq(0). вместо last, сам оператор не менять ).
Записан
kushiy
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 336


« Ответ #7 : 13.03.2017, 20:04:13 »

Попробовал так
Код:
$('.left-menu').eq('<div id="menu-icon"><img src="/templates/jblank/images/menu-icon.png"/></div>');
и всё пропало
Ищу другой вариант.
Записан
effrit
Группа развития
*****

Репутация: +800/-7
Online Online

Пол: Мужской
Сообщений: 7428


effrit.com


« Ответ #8 : 13.03.2017, 20:16:02 »

)). ну прям два jquery-инвалида встретились )).
вот так имел в виду.

$('.left-menu').eq(0).prepend('<div id="menu-icon"><img src="/templates/jblank/images/menu-icon.png"/></div>');

ну и на правах паранойи - попробуй алерт вставить, вдруг каким-то чудом код 2 раза срабатывает.
Записан
kushiy
Давно я тут
****

Репутация: +4/-0
Offline Offline

Сообщений: 336


« Ответ #9 : 13.03.2017, 20:22:18 »

Не работает. Ищу другой вариант
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet