无法让jQuery UI单选按钮正常工作

时间:2010-12-30 10:03:08

标签: jquery jquery-ui

我正在尝试设置一些jQuery UI radio buttons,但它无效。

jsFiddle

HTML

<div id="type_radios">
    <input type="radio" value="option_a" name="note_type" id="note_type_option_a"/><label for="note_type_option_a">a</label>
    <input type="radio" value="option_b" name="note_type" id="note_type_option_b"/><label for="note_type_option_b">b</label>
</div>

的Javascript

$(document).ready(function() {
   $("#type_radios").buttonset();
});

我做错了什么?谢谢你的阅读。

1 个答案:

答案 0 :(得分:2)

你有什么作品,你只是不包括jQuery UI的样式表(在这种情况下,如果没有它就没有视觉上的变化),例如:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/ui-lightness/jquery-ui.css

Here's your updated fiddle, stylesheet included, working :)