我无法让jQueryUI buttonset和按钮始终如一地工作

Question

我已将我的代码复制并粘贴到jsfiddle。

我错过了什么？

<div id="rx-button">
  <input name="rx" type="radio" value="rx-yes" id="rx-yes" checked="checked" />
  <label for="rx-yes">Rx</label>
  <input name="rx" type="radio" value="rx-no" id="rx-no" />
  <label for="rx-no">Not-Rx</label><br />
</div>
<div id="pr-button">
  <input id="pr" type="checkbox" /><label for="pr">Personal Record</label>
</div>​

$('#rx-button').buttonset();
$('#pr-button').button();​

http://jsfiddle.net/8ygnv/

Answer 1

您必须为jQuery UI小部件包含一个主题的CSS文件才能正确呈现自己。我使用Google的CDN存储库中的UI Lightness主题文件更新了您的小提琴。

您还必须正确关闭ready处理程序以避免语法错误：

$(document).ready(function() {
    $('#rx-button').buttonset();
    $('#pr-button').button();
});  // <-- Do not forget the closing parenthesis and the semicolon.

您会找到更新的小提琴here。