jQueryモバイルとブートストラップでドロップダウンオプションが表示されない

Question

jQuery MobileとBootstrapを使用したプロジェクトがあります。これまでは非互換性の管理に成功しましたが、これには問題があります。

問題はドロップダウン（html選択）リスト最初に1つのオプションを選択した後、次回に開いたリストに表示されるオプションがないです。私は、jQuery MobileとBootstrapライブラリの間にいくつかのCSSの競合があると思います。

プロジェクトからブートストラップを削除したり、（今はjQuery Mobileの背後にあるブートストラップを）変更しても問題は解決できますが、他のものはうまくいきません。私はこのドロップダウン要素のためにいくつかの修正をしたいと思います。助けてもらえますか？

例：https://jsfiddle.net/7whnhjc5/

<!--jQuery UI--> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

<!--jQuery UI Mobile --> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

<!-- Bootstrap --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

<select name="status" id="status" data-mini="true"> 
    <option value="Start">Start</option> 
    <option value="S1">S1</option> 
    <option value="S2">S2</option> 
    <option value="S3">S3</option> 
    <option value="S4">S4</option> 
    <option value="S5">S5</option> 
    <option value="S6">S6</option> 
    <option value="S7">S7</option> 
    <option value="F1">F1</option> 
    <option value="F2">F2</option> 
    <option value="F3">F3</option> 
    <option value="End">End</option> 
</select> 

Answer 1

私はのCDN（オンライン参照）なしでこれをテストしました。 私はこの問題をCDNを使用すると考えています。 CDNなしで試す