jQuery UI Buttonset() 没有按预期响应？

Question

我是 jQuery UI 插件的新手，我正在构建一个演示应用程序来测试我的知识。我正在使用 单选按钮 插件，但我似乎无法获取它在职的。我在 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

您的 缺少 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 无法正确识别它， 您可以在此处尝试修复版本。