Bootstrap 3.3.7 glyphicons不适用于jQueryUi 1.12

时间:2016-12-28 12:03:53

标签: jquery twitter-bootstrap jquery-ui glyphicons

当动态地将两个glyphicons添加到jQuery UI滑块按钮时,不会显示glyphicons。降级到jQuery UI 1.10解决了这个问题:

不工作: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>');

有什么想法吗?我不想降级。

1 个答案:

答案 0 :(得分:1)

我认为使用glyphicons的正确方法是使用<i>标记(否)
但更改$('#slider a')的{​​{1}}会有效。
干杯