jQuery Mobile动态附加控制组单选按钮

Question

我无法为我的生活让Jquery mobile在动态追加控制组后正确刷新控件组。我试过.controlgroup（'refresh'，true）; .trigger（ 'pagecreate'）;以及我在这里找到的其他一切。

请查看问题的jsfiddle演示。如果添加单选按钮，则无法在jquery mobile中正确格式化。

这与Dynamic controlgroup and checkboxes unstyled之间的区别在于我的操作会在执行操作后附加到控件组，而不是在页面加载时。

http://jsfiddle.net/msenmyud/7/

$( "#addCard" ).click(function() {
    $('<input name="card1" value="ground" type="radio" class="creditCardChoice" id="card4"><label for="card3">Visa Ending in 3333</label>')
    .appendTo("#CCSelection");

    $("input[type='radio']").checkboxradio();
    $('input:radio').checkboxradio('refresh');
    $("[data-role=controlgroup]").enhanceWithin().controlgroup("refresh");
    $('#CCSelection').controlgroup('refresh', true);
    $("#CCSelectionForm").trigger('create');
    $("#saved-credit-cards-page").trigger('pagecreate'); 
});