如何刷新jQuery Mobile的页面的DOM时，我动态添加单选按钮

Question

我动态地添加按钮无线电场，增加了该元素的功能看起来像这样

function updateNetworks(data){ 

      $.each(data.networks, function(key, network) { 

       var radioItem = '<input type="radio" name="radio_network" id="radio_network_'+network.id+'" value="'+network.id+'" /><label for="radio_network_'+network.id+'">'+network.name+'</label>'; 

       $('#radio').append(radioItem); 
      }); 

      $('input:[name=radio_network]:radio').checkboxradio("refresh") 
     } 

中的HTML DOM元件

<fieldset data-role="controlgroup" id="radio"> 

      <legend>Choose a network:</legend> 

     </fieldset> 

功能是更新所述DOM细但没有jquery的移动样式被施加到按钮中的，有一些方法来刷新加入单选按钮？

**工作代码

function updateNetworks(data){ 

      $.each(data.networks, function(key, network) { 

       var radioItem = '<input type="radio" name="radio_network" id="radio_network_'+network.id+'" value="'+network.id+'" /><label for="radio_network_'+network.id+'">'+network.name+'</label>'; 

       $('#radio').append(radioItem).trigger('create'); 
      }); 

     } 

Answer 1

调用.trigger('create');应该做的伎俩。 More info on jQuery mobile dom manipulation here.