Question

有了成功，我创建了一个使用格式为jquery的单选按钮组的页面。但是一旦我添加div需要在页面上定位内容，单选按钮仍然是格式化的，但不再作为单选按钮（它们就像复选框一样）。这是我的代码，它有什么问题？

<script>

    $(document).ready(function() {

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

    });

</script>

<!-- end script radiobuttons -->        

<div class="demo">
<div id="ContentContainerLeft" >
<form id="dt_this_form" name="dt_this_form" action="this.php" method="post">
<p>
</div> 
<div id="ContentContainerMiddle" >
<P>
<div id="dt_hel" style="font-size:80%;">
    <input type="radio" id="radio1" name="dt_hel" value="0" /><label for="radio1">Lower</label>
    <input type="radio" id="radio2" name="dt_hel" value="1" /><label for="radio2">Equal</label>
    <input type="radio" id="radio3" name="dt_hel" value="2" checked/><label for="radio3">Higher</label>
</div>
<P></P>
</div> 
<div id="TweetContainer" >
<P>
</div> <!-- end tweetcontainer -->
</div><!-- End demo -->
</form>

Answer 1

如果您在关闭旧标记之前遵循关闭最新标记的规则（即在标记上方设置表单开始标记），那么它应该可以正常工作。

<form id="dt_this_form" name="dt_this_form" action="this.php" method="post">
<div class="demo">
<div id="ContentContainerLeft" >

<p>
</div> 
<div id="ContentContainerMiddle" >
<P>
<div id="dt_hel" style="font-size:80%;">
    <input type="radio" id="radio1" name="dt_hel" value="0" /><label for="radio1">Lower</label>
    <input type="radio" id="radio2" name="dt_hel" value="1" /><label for="radio2">Equal</label>
    <input type="radio" id="radio3" name="dt_hel" value="2" checked/><label for="radio3">Higher</label>
</div>
<P></P>
</div> 
<div id="TweetContainer" >
<P>
</div> <!-- end tweetcontainer -->
</div><!-- End demo -->
</form>

添加div后，Buttonset不再起作用

1 个答案: