Jquery mobile 动态添加单选按钮-jQuery Mobile后，控制组失去控制

最初动态创建单选组时，我的控制组（jquerymobile1.4）呈现得非常完美，但是当我向其中添加另一个单选组时，按钮是样式化的，但是分开的。当我重新加载应用程序时，它们又在一起了

function showPlaces() {    
    $('#radio-group').empty();

    for(var i = 0; i < connections.length; i++) {
        $('#radio-group').append('<label><input type="radio" name="places" id="' + i + '" />' + place + '</label>');           
    }

    $('input[type=radio]').checkboxradio().trigger('create');
    $('#radio-group').controlgroup().trigger('create');
}

还尝试了.append之前的.controlgroup（'container'），但获取“初始化之前无法调用controlgroup上的方法”

以下是html：

<form>  
    <fieldset data-role="controlgroup" id="radio-group">
        <!-- Dynamically injected radio buttons go here -->
    </fieldset>
</form> 

您应该

.append（）

将项目添加到

.controlgroup（“容器”）

内部for循环中，然后增强单选按钮

.checkboxradio（）

for（变量i=0；i

您甚至不需要在父容器上使用

.checkboxradio（）

，而是使用

.enhanceWithin（）

---

我得到“无法在初始化之前调用controlgroup上的方法；尝试调用方法‘container’”@JoeLannen我没有得到任何错误。你在使用我答案中的代码时没有添加任何内容吗？是的，同样的事情。。。嗯，这些一直困扰着我awhile@JoeLannen看起来您是这样做的

$（“#radio”）.controlgroup（“容器”）.append（“elm”）.controlgroup（“刷新”）

这样会出现错误，因为

.controlgroup（“容器”）

不是控制组。检查这个演示奥马尔你是一个jqm大师！谢谢你的小提琴演示，我很感激。我所需要的唯一额外的东西是包装成一个，出于某种原因，我的复选框在点击时不会改变，除非包装成

<form>  
    <fieldset data-role="controlgroup" id="radio-group">
        <!-- Dynamically injected radio buttons go here -->
    </fieldset>
</form> 

for(var i = 0; i < connections.length; i++) {
  $('#radio-group')
      .controlgroup("container")
      .append('<label><input type="radio" name="places" id="+i+" />Place</label>');           
}

$("#radio-group")
    .enhanceWithin()
    .controlgroup("refresh");