Вопрос:

Добавление скользящего эффекта в раскрывающийся список начальной загрузки с угловым

javascript jquery angularjs twitter-bootstrap-3

385 просмотра

1 ответ

75 Репутация автора

Я использую Bootstrap 3 и пытаюсь использовать show / hide.bs.dropdown для анимации выпадающего меню. Это работает, но я могу заставить его работать только для первого пункта меню. Я не знаю, как передать $ index из angular в функцию. Есть ли что-либо в событии, которое я могу использовать для индексации предметов или я могу решить это с помощью угловых? Я просто хочу использовать анимации slideDown и slideUp.

Вот мой Javascript

// ADD SLIDEDOWN ANIMATION TO DROPDOWN //
$('.dropdown').on('show.bs.dropdown', function (event) {
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
});

// ADD SLIDEUP ANIMATION TO DROPDOWN //
$('.dropdown').on('hide.bs.dropdown', function () {
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
});

Это пример того, как первый элемент выполняет анимацию, когда я нажимаю на последний. пример

Вот мой HTML / угловой

<ul class="nav navbar-nav dropdown">
        <li ng-repeat="xmenu in $ctrl.xactMenus.menuList">
            <a class="dropdown-toggle navbar-brand" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{xmenu.menuName}} <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li ng-repeat="menuItem in xmenu.menuItems">
                    <a href="{{menuItem.path}}">{{menuItem.name}}</a>
                </li>
            </ul>
        </li>
    </ul>

Дайте мне знать, если есть что-то еще, что я могу добавить, чтобы помочь ответить на этот вопрос! Спасибо!

Автор: Russell McDonnell Источник Размещён: 22.08.2016 09:50

Ответы (1)


3 плюса

27543 Репутация автора

Можете ли вы показать свою угловую функцию теста? Извините, у меня нет возможности комментировать. Пожалуйста, не голосуйте .. :(

Автор: Aravind Размещён: 22.08.2016 10:01
Вопросы из категории :
32x32