CODEWITHSUNDEEP
jquerytwitter-bootstrapjquery-uiglyphicons
Kurt Van den Branden
Kurt Van den Branden

Reputation: 12953

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.

Upvotes: 0

Views: 591

Answers (1)

Roy Bogado
Roy Bogado

Reputation: 4452

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

Upvotes: 1

Related Questions