动态添加单选按钮时如何刷新jquery移动页面的DOM答案

【问题标题】：How do I refresh the DOM of a jquery mobile page when I dynamically add radio buttons动态添加单选按钮时如何刷新jquery移动页面的DOM
【发布时间】：2012-01-19 04:10:57
【问题描述】：

我正在向单选字段动态添加按钮，添加元素的函数如下所示

 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');
            });

        }

【问题讨论】：

标签： jquery jquery-selectors jquery-mobile

【解决方案1】：

调用.trigger('create'); 应该可以解决问题。 More info on jQuery mobile dom manipulation here.

【讨论】：