2012-03-06 63 views
0

我已经在分组动态生成的单选按钮成一个jQuery移动对照组的问题,我生成单选按钮和它们添加到一个,但它们是dispalayed separetly虽然有翘曲包含“controlgroup”数据的角色,这是我的HTML:如何组动态生成的单选按钮到jQuery Mobile的一个“controlgroup”

<div data-role="collapsible" data-inset="true"> 
    <h1>AddVote</h1> 
    <div data-role="fieldcontain" > 
    <form id="voting" action="get"> 
     <label for="name">&nbsp;&nbsp;&nbsp;&nbsp;<strong>Question:</strong></label> 
<input type="text" name="name" id="name" value="" /><br> 

<label for="name"><div id="AddButton" data-role="button" data-inline="true">AddOptions</div></label> 

<input type="text" name="option" id="option" value="" /><br> 
<div id="RemoveButton" data-role="button" data-inline="true">RemoveOptions</div> 




    <div data-role="fieldcontain"> 
<fieldset data-role="controlgroup"> 
    <legend>&nbsp;&nbsp;&nbsp;&nbsp;<strong>Choose an Option:</strong></legend><br><br> 
    <fieldset data-role="controlgroup"> 
    <div id="after" data-role="controlgroup" > 

    ///////////////////////Generated radio buttons goes here////////////////////// 
    </div> 
    </fieldset> 
    </fieldset> 


    </div> 
    </div> 
    <a href="#" data-role="button" data-inline="true" >Publish</a> 
    </form> 

和这里的脚本代码:

function createRadioElement(elem, label, checked) { 
var id = 'option1_' + label; 

$('#after').append($('<input />', { 
    'type': 'radio', 
    'name': 'option1', 
    'id': id, 
    'data-role': 'controlgroup', 
    'data-theme':'e', 
    'value': '1' 

})); 
$('#after').append('<label for="' + id + '">' 
        + label + '</label><br />').trigger('create'); 

    } 

$('#admin').live('pageinit',function(event){ 
$('#AddButton').click(function(){ 
var x = document.getElementById('option').value;  
createRadioElement(this,$('#option').val(),true); 

}); 

回答

1

也许我没有正确认识这个问题,但它在radiobut之间的<br />吨关心你?如果是这样的话,那么只需更换这一点:

$('#after').append('<label for="' + id + '">' 
        + label + '</label><br />').trigger('create'); 

与此:

$('#after').append('<label for="' + id + '">' 
        + label + '</label>').trigger('create'); 

而且我相信,你的<form><div>标签不正确嵌套。

+0

thanks @ahdaniels – 2012-03-06 20:02:31