手风琴标题中的无线电输入问题？BUG

Question

解决了！

$('#bset1').click(function(event) {                                                                 
    event.stopPropagation();                                                                                    
    });        

我的元素中有几个单选按钮。一切正常，但是当我将 .accordion() 添加到父 div 时，单选按钮停止工作（在初始选择之后）

以下是​​链接： http://jsfiddle.net/Lrnj8/5/

去掉手风琴创建看看差别

$('[id^=rad]').click (function () {return false;}) 

不帮助

我过去一周一直在努力解决这个问题！最后，我编写了自己的 .click() 处理程序，但一定有更简单的方法！

$(function() {                                                                                                      
$("body")                                                                                                       
    .append($('<div/>')                                                                                         
        .attr ('id','main'));                                                                                   
var str1='<input type=radio id=rad1 name=r1><label for=rad1>1</label>'                                          
    +'<input type=radio id=rad2 name=r1><label for=rad2>2</label>'                                              
    +'<input type=radio id=rad3 name=r1><label for=rad3>3</label>';                                             

$('#main')                                                                                                      
    .append($("<h3/>")                                                                                          
        .append ($('<a>')                                                                                       
        .attr ({                                                                                                
        'id':'header1'                                                                                          
        })                                                                                                      
        .html('HEADER'))                                                                                        
        .append($('<span\>')                                                                                    
            .attr ('id','bset1')                                                                                
            .html (str1)                                                                                        
            ))                                                                                                  
//php takes care of that                                                                                                               
if (1==$_GET['a'])  $('#main').accordion();                                                         

}) 

Answer 1

您必须在每个 H3（部分）之后的 div 中插入无线电

<div id="main">
    <h3><a>TEST</a></h3>
    <div>
        <input type="radio" id="rad1" name="r1" /><label for="rad1">1</label>
    </div>
    <h3><a>TEST</a></h3>
    <div>
        <input type="radio" id="rad2" name="r1" /><label for="rad2">2</label>
    </div>
    <h3><a>TEST</a></h3>
    <div>
        <input type="radio" id="rad3" name="r1" /><label for="rad3">3</label>
    </div>
</div>

您可以尝试这个实例

http://jsfiddle.net /Lrnj8/

Answer 2

$('#bset1').click(function(event) {
    event.stopPropagation();
});