Триггер нажмите на Zurb Foundation 4 dropdown

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

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

JQuery для мыши Ссылка: Код

$('#my-basket').trigger('click');

Ссылка:

<span id="my-basket" data-dropdown="basket-summary"><i class="icon icon-basket"></i> My Basket <?php if ($shop->basket_count()) echo '(<span>' . $shop->basket_count() . '</span>)'; ?></span>

Dropdown кода :

<div id="basket-summary" class="f-dropdown tiny content" data-dropdown-content> 
    <p> Content here</p> 
    <a href="/basket">Go to basket</a> 
</div>

Любые идеи?

источник

2013-04-19 Friendly Code

попробуйте этот '$ ('span [data-dropdown =" basket-summary "]'). Trigger ('click');' – anpsmn

Привет, спасибо за предложения. Он не работает, хотя :-( Единственное, что работает (ish), - это изменить отображение на блок с помощью jquery, а также отредактировать абсолютные позиции, но это очень хакерское и не работает с перекрестным разрешением. –

Хм, странно. вы делаете 'console.log ($ ('# my-basket'))' и видите, что он возвращает? – anpsmn

-1

Лично я бы применил класс к странице <body> страницы, которая бы отображала видимость корзины покупок.

Вы код будет выглядеть примерно так.

$('body').addClass('is-basket-open');

... и некоторые CSS:

#my-basket { 
    display: none; 
} 

.is-basket-open #my-basket { 
    display: block; 
}

Тогда вам просто нужно удалить класс, когда кто-то закрывает корзину.

источник

2014-10-08 01:33:42 rglyall

Триггер нажмите на Zurb Foundation 4 dropdown

ответ

Смежные вопросы