下拉選項與jQuery移動和引導不可見

我有jQuery Mobile和Bootstrap的項目。直到現在，我成功地管理不兼容，但與此我有問題。下拉選項與jQuery移動和引導不可見

問題出在下拉列表（html-select）列表中，第一次選擇一個選項後，下次打開列表時沒有可見的選項。我猜jQuery Mobile和Bootstrap庫之間存在一些css衝突。如果我從項目中刪除引導或變更單（後面jQuery Mobile的現在引導1H）

問題是可以解決的，但我不能這樣做，因爲很多OD其他的東西，將無法正常工作。我想爲這個下拉元素修復一下。有人可以幫忙嗎？

實施例：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>

來源

2016-07-24 SaleCar

我測試這一點沒有的CDN（在線參考文獻）。我認爲這個問題是由於使用CDN造成的。嘗試不CDN的

來源

2016-07-24 10:04:09

我搬到本地和同樣的問題，所有的圖書館。沒有改變。 – SaleCar

下拉選項與jQuery移動和引導不可見

回答

相關問題