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.

当我动态添加单选按钮时，如何刷新jquery移动页面的DOM

1 个答案: