Jquery移动动态视图丢失格式css

Question

我有一个问题与我的js代码。当我动态加载我的页面时，我丢失了格式。

<div data-role="main" class="ui-content">
    <fieldset class="ui-field-contain">
        <label for="tav">Tavolo:</label>
        <select id="tav" data-native-menu="false">
        </select>
    </fieldset><
</div>

这是我的js，从ajax调用得到json对象。

$.each(result, function(i, data) {  
    $("#tav").append('<option value="'+data.ID+'">'+data.Descr+'</option>');
});

如何格式化它们?

谢谢

Answer 1

如果您只是动态更新SELECT小部件，请在小部件上调用Refresh:

$.each(result, function(i, data) {  
    $("#tav").append('<option value="'+data.ID+'">'+data.Descr+'</option>');
});
$("#tav").selectmenu( "refresh", true );

更好

var allOpts = '';
$.each(result, function(i, data) {  
    allOpts += '<option value="'+data.ID+'">'+data.Descr+'</option>');
});
$("#tav").append(allOpts).selectmenu( "refresh", true );

如果页面上有更多的小部件是动态加载的，在页面或容器上调用enhanceWithin()，例如

$(".ui-content").enhanceWithin();