jQuery UI buttonset（）没有响应它应该？

Question

我是jQuery UI插件的新手，我正在构建一个演示应用程序来测试我的知识。我正在使用radio button插件，我似乎无法使其正常工作。我在body加载时调用的函数中有以下行：

$("#buttonSetDiv").buttonset();

我也正确地包括CSS和JS，如下：

<style src="jquery-ui-1.8.4.custom/css/ui-darkness/jquery-ui-1.8.4.custom.css"></style>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.4.custom/js/jquery-ui-1.8.4.custom.min.js"></script>

...实际的HTML看起来像这样：

<form name="radios" id="myForm">
<div id="buttonSetDiv">
<input type="radio" name="group1" value="posts" id="radio1" checked onchange="valueChanged()"> <label for="radio1">Posts</label>
<input type="radio" name="group1" value="members" onchange="valueChanged()" id="radio2">
<label for="radio2">Members</label>
</div>
</form> 

...但由于某种原因，通过这个看似正确的实现，我仍然会看到看似正常的单选按钮。我想达到这个效果：

有人在这里有答案吗？非常感谢提前。 ：）

Answer 1

您的<input>错过了id="radio2"的结束语，因此：

<input type="radio" name="group1" value="members" onchange="valueChanged()" id="radio2>

应该是：

<input type="radio" name="group1" value="members" onchange="valueChanged()" id="radio2">

至少Chrome正确地识别它，you can try the fixed version here。