在bootstrap 3.2下拉列表上设置onclick事件

Question

我在我的项目中使用Bootstrap 3.2。我有一个下拉框。当用户选择其中的项目时，我需要触发点击事件。我尝试了很多选择，但没有成功。

<div class="minict_wrapper active">
  <input type="text" value="Default sorting" placeholder="Sort by fee: low to high">

  <ul style="display: block;">
    <li data-value="Default sorting" class="minict_first">Default sorting</li>
    <li data-value="rating" class="">Sort by average rating</li>
    <li data-value="date" class="">Sort by newness</li>
    <li data-value="price" class="selected">Sort by fee: low to high</li>
    <li data-value="price-desc" class="minict_last">Sort by fee: high to low</li>
    <li class="minict_empty" style="display: none;">No results match your keyword.</li>
  </ul>

</div>

有没有办法在这个下拉框中附加jquery点击事件？

提前致谢。

Answer 1

此代码应该有效。

<强> JS

$(function(){
  $('div.minict_wrapper ul li').on('click', function(){
    //your code...
  });
});