我是 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>
...但由于某种原因,通过这种看似正确的实现,我仍然得到了看起来很正常的单选按钮。我想达到这个效果:
有人在这里有答案吗?提前致谢。:)