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

时间:2010-07-19 05:57:33

标签: jquery-ui radio-button accordion

解决!

$('#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();                                                         

}) 

2 个答案:

答案 0 :(得分:0)

您必须在每个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/

答案 1 :(得分:0)

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