2016-12-28 59 views
0

当动态添加两个glyphicons到jQuery UI滑动按钮时,glyphicons不会显示。降级到jQuery UI的1.10解决了这个问题:Bootstrap 3.3.7 glyphicons不适用于jQueryUi 1.12

不工作:jsfiddle

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
$('#slider a').html('<label><span class="glyphicon glyphicon-chevron-left"></span><span class="glyphicon glyphicon-chevron-right"></span></label>'); 

工作:jsfiddle

<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> 
$('#slider a').html('<label><span class="glyphicon glyphicon-chevron-left"></span><span class="glyphicon glyphicon-chevron-right"></span></label>'); 

任何想法?我不想降级。

+0

这里是一个工作示例:https://jqueryui.com/slider/#custom-handle –

回答

1

我想用glyphicons正确的方法是用<i>标签(否)
但改变$('#slider a')$('#slider span')会工作。
干杯

+0

''是罚款。 –

相关问题