radiobutton不適用jquery移動樣式？

Question

我的工作我與jQuery Mobile的MVC項目，我創建了一個局部視圖頁面（_createanswer），並在頁面內我有

<input type ="radio" value="1" name="select-answer" id="select-answer" /> Agree 
<input type ="radio" value="1" name="select-answer" id="select-answer" />Disagree 
<input type ="radio" value="2" name="select-answer" id="select-answer"/>Strongly Agree 
<input type ="radio" value="3" name="select-answer" id="select-answer"/>Strongly Disagree 

，並查看頁面集成了該部分頁面（詳細信息）

在我的（deatails）

頁我有

@{ 
    ViewBag.Title = "Details"; 
    Layout = "~/Views/Shared/_Layout.Mobile.cshtml"; 

} 

<div class="content_title "> 
    Question @Model.Id. @Model.Name 
</div> 
<div class="content_area"> 
    <div class="text"> 

     @using (Html.BeginForm("Create", "MayoAnswers")) 
     { 
      @Html.Partial("_CreateAnswer") 

      <div class="innerspacer"> 
       <input type="submit" value="Next" data-theme="d" /> 
      </div> 

     } 
    </div> 
</div> 

我的問題是所有這些單選按鈕沒有jQuery Mobile的造型，可以有人幫忙，請..

Answer 1

我想你可能需要包裝那些在對照組（或因此它顯示在jQuery的文檔），也標籤和不同的ID-S不壞：

<fieldset data-role="controlgroup"> 
<input type ="radio" value="1" name="select-answer" id="select-answer-1" /> 
<label for="select-answer-1">Agree</label> 
<input type ="radio" value="1" name="select-answer" id="select-answer-2" /> 
<label for="select-answer-2">Disagree</label> 
<input type ="radio" value="2" name="select-answer" id="select-answer-3"/> 
<label for="select-answer-3"> Strongly Agree </label> 
<input type ="radio" value="3" name="select-answer" id="select-answer-4"/> 
<label for="select-answer-4"> Strongly Disagree </label> 
</fieldset>