jQuery UI：在swiper插件div裏面單擊時選擇菜單不會關閉

Question

我有一個小問題。我使用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> 

我的問題是這樣的：

當我點擊它會打開正確的selectmenu，但是當我然後點擊刷卡DIV中，而不是艇員選拔一個選項selectmenu不會關閉 - 僅在Internet Explorer中11在這裏：/。它保持打開，這是相當糟糕的，當它進入第二張幻燈片。

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

我不知道會發生什麼問題。

Answer 1

我找到了解決方案。在swiper.js添加以下代碼執行把戲對我來說：

函數內部s.onTouchStart和s.updateClickedSlide

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

不漂亮，但作品！