添加div后，Buttonset不再工作

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>