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();

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

1 个答案: