Исчезает кнопка с dropdown в Uikit

  • 9 Ответов
  • 791 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн pvi1

ПРописал код для группы кнопок
Спойлер
[свернуть]
При клике вне кнопки кнопка с dropdown исчезает. Догадываюсь, что надо прописать Javascript,  но никак не получается. как я понял, начало скрипта $('[data-uk-dropdown]').on('show.uk.dropdown', function(){, но дальше никак не получается. Кто-нибудь подскажет решение?

*

Оффлайн dynamit

  • *******
  • 1745
  • [+]264 / [-]0
  • Winter Is Coming
    • Просмотр профиля
Re: Исчезает кнопка с dropdown в Uikit
« Ответ #1 : 02.06.2015, 02:46:51 »
так добавляются дополнительные функции при возникновении события(открыт/закрыт).
вроде все правильно сделано. попробуйте класс добавить:
<div class="uk-button-dropdown"  data-uk-dropdown="{mode:'click'}">
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5

*

Оффлайн pvi1

Re: Исчезает кнопка с dropdown в Uikit
« Ответ #2 : 02.06.2015, 03:32:50 »
Добавил -все также. Что интересно, в старом Uikit работает чудесно (шаблон Stage), а в новом (Gelios) глючит.
ПОявляется следующее <div class="uk-button-dropdown" data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false" style="display: none;">Откуда берется style="display: none;?
« Последнее редактирование: 02.06.2015, 03:36:15 от pvi1 »

*

Оффлайн dynamit

  • *******
  • 1745
  • [+]264 / [-]0
  • Winter Is Coming
    • Просмотр профиля
Re: Исчезает кнопка с dropdown в Uikit
« Ответ #3 : 02.06.2015, 03:48:54 »
ссылка есть?

P.S. хз, может в шабе так настроено, я с мастером работаю, темы не юзаю. на крайняк добавь класс этому блоку и в стилях поставь display block с импортант
« Последнее редактирование: 02.06.2015, 04:01:54 от dynamit »
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5

*

Оффлайн pvi1

Re: Исчезает кнопка с dropdown в Uikit
« Ответ #4 : 02.06.2015, 12:05:40 »
« Последнее редактирование: 02.06.2015, 16:29:25 от pvi1 »

*

Оффлайн dynamit

  • *******
  • 1745
  • [+]264 / [-]0
  • Winter Is Coming
    • Просмотр профиля
Re: Исчезает кнопка с dropdown в Uikit
« Ответ #5 : 02.06.2015, 16:44:50 »
http://dveri-luxe.ru/katalog/mezhkomnatnye-dveri
и, где меню? не вижу китовской разметки
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5

*

Оффлайн pvi1

Re: Исчезает кнопка с dropdown в Uikit
« Ответ #6 : 02.06.2015, 18:02:38 »
Родное меню убрали, поставили модуль другого разработчика

*

Оффлайн dynamit

  • *******
  • 1745
  • [+]264 / [-]0
  • Winter Is Coming
    • Просмотр профиля
Re: Исчезает кнопка с dropdown в Uikit
« Ответ #7 : 02.06.2015, 18:03:19 »
т.е. тема закрыта? сдался?))
==================================================
  ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5

*

Оффлайн pvi1

Re: Исчезает кнопка с dropdown в Uikit
« Ответ #8 : 02.06.2015, 18:08:03 »
В смысле? Дело в меню? Кнопка в категории "Краснодеревщик"

Re: Исчезает кнопка с dropdown в Uikit
« Ответ #9 : 18.05.2017, 19:53:27 »
У меня похожая проблема. Жаль что здесь не решили вопрос.
Может освежим тему?!
После отведения от пункта меню курсора (клика не было) вероятно JS в коде добавляет атрибут style="display: none;" и пункт меню пропадает.
Подозреваю, что виноват data-uk-dropdown, проблема появляется если есть этот атрибут.
Никак не пойму откуда взялся этот style="display: none;" и как от него избавиться.

макет модуля меню прилагаю ниже, пож хлп

<?php
/**
 * @package     Joomla.Site
 * @subpackage  mod_menu
 *
 * @copyright   Copyright (C) 2005 - 2017 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

$id '';

if (
$tagId $params->get('tag_id'''))
{
$id ' id="' $tagId '"';
}

// The menu class is deprecated. Use nav instead
// Замена класса nav menu на uk-navbar-nav
?>

<ul class="uk-navbar-nav<?php echo $class_sfx?>"<?php echo $id?>>
<?php foreach ($list as $i => &$item)
{
$class 'item-' $item->id;
    
$attr_uk '';

if ($item->id == $default_id)
{
$class .= ' default';
}
// заменил на uk-aktiv
if ($item->id == $active_id || ($item->type === 'alias' && $item->params->get('aliasoptions') == $active_id))
{
$class .= ' uk-current';
}
// заменил на uk-aktiv
if (in_array($item->id$path))
{
$class .= ' uk-active';
}
elseif ($item->type === 'alias')
{
$aliasToId $item->params->get('aliasoptions');

if (count($path) > && $aliasToId == $path[count($path) - 1])
{
$class .= ' uk-active';
}
elseif (in_array($aliasToId$path))
{
$class .= ' alias-parent-active';
}
}

if ($item->type === 'separator')
{
$class .= ' divider';
        
}


    
if ($item->deeper)
{
        
$class .= ' ';
}

if ($item->parent)
{
        
$class .= ' uk-parent';
$attr_uk .= ' data-uk-dropdown="" ;                        
}




echo '
<li  class="' . $class . '" ' .$attr_uk. ' >';
 

            
switch ($item->type) :
case '
separator':
case '
component':
case '
heading':
case '
url':
require JModuleHelper::getLayoutPath('
mod_menu', 'default_' . $item->type);
break;

default:
require JModuleHelper::getLayoutPath('
mod_menu', 'default_url');
break;
endswitch;

// The next item is deeper.
    
    // Замена класса дочерних пунктов на uk-nav uk-nav-navbar
if ($item->deeper)
{
        echo '
<div class="uk-dropdown uk-dropdown-navbar">';
echo '
<ul class="uk-nav uk-nav-navbar">';
}
// The next item is shallower.
elseif ($item->shallower)
{
echo '
</li>';
echo str_repeat('
</ul></div></li>', $item->level_diff);
}
// The next item is on the same level.
else
{
echo '
</li>';
}
}
?>
</ul>