아코디언 문제의 헤더에 라디오 입력? BUG

Question

SOLVED!

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

요소에 여러 개의 라디오 버튼이 있습니다. 모든 것이 잘 작동하지만 내가 부모 DIV에() .accordion를 추가 할 때, 라디오 버튼은 여기

(초기 선택 후 )를 작동하지 링크입니다 : 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

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

Answer 2

당신은

<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/