Bootstrap 滑块在 Bootstrap Modal POP UP 中不起作用。但在 Page 中正常工作。
我的模态弹出窗口
<div class="modal fade" id="divonloadserach" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Search</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="row">
<div class="col-lg-6">
<input type="text" class="span2" value="" data-slider-min="500" data-slider-max="20000" data-slider-step="0" data-slider-value="[1500,9000]" id="Range">
</div><div class="col-lg-6"></div>
</div>
</div>
</div>
</div>
</div>
在此我将 id 指定为 range ,并且在页面中提到了相同的滑块,但滑块不同。加载页面时将打开此弹出窗口
我的java脚本代码
$(document).ready(function () {
$('#divonloadserach').modal();
$('#Range').slider();
}
请帮我