У меня есть несколько радио кнопок, т.е.
<div class="buttonset"> <input name="radio12" type="radio" class="" id="radio5" /> <label class="yesno">Yes</label> <input name="radio12" type="radio" class="" id="radio6" /> <label class="yesno">No</label> </div>
У меня также есть этот код в голове
<link rel="stylesheet" ref="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-darkness/jquery-ui.css" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> <script> $(document).ready(function() { $(".buttonset").buttonset(); alert ("Buttons created"); }); </script>
И мои радиокнопки не отображаются как кнопки, как ожидалось.
Чего мне не хватает?
На этой странице jsfiddle есть пример того, как она не работает http://jsfiddle.net/jd3Km/1/
После предложения @ soderslatt о добавлении ресурсов я получаю это
Включите JQuery UI CSS
http://jsfiddle.net/jd3Km/5/