下拉选项与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移动和引导不可见

回答

相关问题