jquery-mobile创建动态控制组并应用jquery-ui css

Question

这是我的代码:http: //jsfiddle.net/YKvR3/34/

我将创建一个控件组,其值在我的数组(名称)中.问题是,当我点击Load按钮在controlgroup添加值,但jQuery的UI风格不加载类的形象.控制组未使用jquery-ui mobile css进行样式设置.

$("#load").click(function(){
var name=["one","two"];
var html='<fieldset id="listPlayers" data-role="controlgroup"><legend><h1>Choose as many players as youd like to remove:</h1></legend>';
for ( var int = 0; int < 2; int++) {
        html+='<input type="checkbox" name="checkbox-'+int+'a" id="checkbox-'+int+'a" class="custom" /><label for="checkbox-'+int+'a">'+name[int]+'</label>';
    }
    alert('<legend><h3>Choose as many players as you would like to remove:</h3></legend>'+html+'</fieldset');
    $("#list").html(html+'</fieldset');       
//$("#list").page();});?

我做错了什么？谢谢.

Answer 1

$("#list").trigger('create');

来自:jqm docs

如果您通过Ajax生成新的标记客户端或加载内容并将其注入页面,则可以触发create事件来处理新标记中包含的所有插件的自动初始化.这可以在任何元素(甚至页面div本身)上触发,从而节省了手动初始化每个插件(listview按钮,选择等)的任务.