javascript - 向 bootstrap 下拉列表添加滑动效果

Question

我正在使用 bootstrap ，我想将动画添加到下拉列表中。我想给它添加一个动画，向下滑动并在离开时返回。我怎么能这样做？

我尝试过的事情:

像这样更改 Js 下拉文件:

How can I make Bootstrap's navigation dropdown slide smoothly up and down?

Answer 1

如果您更新到 Bootstrap 3 (BS3)，它们会公开很多 Javascript 事件，这些事件很适合将您想要的功能绑定(bind)到其中。在 BS3 中，此代码将为您所有的下拉菜单提供您正在寻找的动画效果:

  // Add slideDown animation to Bootstrap dropdown when expanding.
  $('.dropdown').on('show.bs.dropdown', function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
  });

  // Add slideUp animation to Bootstrap dropdown when collapsing.
  $('.dropdown').on('hide.bs.dropdown', function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
  });

您可以阅读有关 BS3 事件的信息 here特别是关于下拉事件 here .