Search code examples
jquerytwitter-bootstrapjquery-uiglyphicons

Bootstrap 3.3.7 glyphicons not working for jQueryUi 1.12

When dynamically adding two glyphicons to a jQuery UI slider button, the glyphicons are not shown. Downgrading to jQuery UI 1.10 solves the issue:

Not working: 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>');

Working: 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>');

Any ideas? I'd prefer not to downgrade.

Solution

  • I think the proper way to use glyphicons is with <i> tag (No)
    But changing $('#slider a') for $('#slider span') will work.
    Cheers