2012-03-06 66 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