javascript - JQuery 选择器未选择任何内容。

Question

我有一些html

 <select id="dropd" class="search-type" data-toggle="dropdown">
     <option value="">All</option>
     <option value="standards-and-publications">Standards</option>
     <option value="sedl-digital-library">Library</option>
 </select>

和我用来尝试选择此下拉菜单并应用关键监听器的这个小 js 函数。但是我无法在下面获取此代码

$('.search-type').on('show.bs.dropdown', function () {
     alert("I FINALLY FOUND YOU");
});

在显示下拉列表时运行(在本例中单击)。我是否需要将其包装在监听点击的事件监听器中？我实际上已经尝试过这种方法，但仍然无法在用户单击下拉菜单时显示此消息或以任何方式使用react。根据我在调试器中运行时所看到的，它永远不会解析类选择器，但这只是一个猜测。使用选择器时，是否有明显的我遗漏的东西或一些奇怪的 Bootstrap 规则？

另外，如果我没有提供足够的信息，我深表歉意，我对此还比较陌生，不确定到底发生了什么。

Answer 1

请在此处查看答案:Process for using show.bs.dropdown in Bootstrap

基本上，事件由下拉菜单的父级处理，而不是下拉菜单本身。此外，BootStrap 下拉菜单通常是 <ul>秒。下面是带有处理程序的标准下拉列表示例:

HTML

<div class="btn-group" id="ddlWrap">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Menu
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li><a href="#">Choice1</a></li>
    <li><a href="#">Choice2</a></li>
    <li><a href="#">Choice3</a></li>
    <li class="divider"></li>
    <li><a href="#">Choice..</a></li>
  </ul>
</div>

JS

$('ddlWrap').on('show.bs.dropdown', function () {
    alert('Found the dropdown wrapper!');
});