jQuery UI：单击 swiper 插件的 div 内部时，选择菜单不会关闭答案

【问题标题】：jQuery UI : Select menu does not close when clicking inside div of swiper pluginjQuery UI：单击 swiper 插件的 div 内部时，选择菜单不会关闭
【发布时间】：2015-12-24 22:45:27
【问题描述】：

我有一个小问题。我使用 swiper 插件，在里面我有一个被 jQuery UI 选择菜单覆盖的选择。

<script type="text/javascript">
$(select).selectmenu()

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 0
});
</script>


<div class="swiper-container responsive">
    <div class="swiper-wrapper" style="background:red;">
    <!--First Slide-->
    <div class="swiper-slide ">
        page1
        <select>
            <option>test1</option>
            <option>test2</option>
            <option>test3</option>
        </select>
    </div>

      <!--Second Slide-->
      <div class="swiper-slide">
        page2
      </div>
  </div>
</div>

我的问题如下：

当我单击选择菜单时，它会正确打开，但是当我单击滑动器 div 内部而不是选择一个选项时，选择菜单不会关闭 - 仅在 Internet Explorer 11 中：/。当它进入第二张幻灯片时，它保持打开状态，这很糟糕。

我使用最新的 jQuery UI 和 swiper 版本。

我不知道可能出了什么问题。

【问题讨论】：

标签： javascript jquery select drop-down-menu swiper

【解决方案1】：

我找到了解决办法。在 swiper.js 中添加以下代码对我有用：

内部函数 s.onTouchStart 和 s.updateClickedSlide

$('select').selectmenu('close');

不漂亮，但有效！

【讨论】：