2010-07-19 46 views
1

解決!無線電輸入在手風琴問題頭?BUG

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

}) 
+0

你需要添加無線電在運行時動態? – Philippe 2010-07-19 06:19:58

+0

不幸的是,是的。 – selytch 2010-07-19 06:46:26

+0

Haaa。嗯,不是你可以用JQuery UI做到這一點。我不確定它可以支持這種DOM'注入' – Philippe 2010-07-19 07:00:51

回答

0
$('#bset1').click(function(event) { 
    event.stopPropagation(); 
});   
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/

+0

這種方式按鈕去的部分,而不是節頭。此外,問題是有buttonset/radiosets。每個按鈕組我只能選擇一次值。 – selytch 2010-07-19 06:52:06

+0

你需要在章節標題中的按鈕? – Philippe 2010-07-19 06:58:44

+0

這裏的代碼再次 http://jsfiddle.net/Lrnj8/6/ 請注意,你如何只能選擇按鈕一次 – selytch 2010-07-19 07:00:10