Javascript Jquery模式弹出对话框未加载内容

我想显示一个模式弹出窗口，其中将包含字符串列表

我试过这个

在

Jquery中

$("#modalFilterDiv").load("<div><p>This is html generated from Jquery</p><ul><li>"+loopChartID+"</li></ul></div>").dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        },
        hieght: 450,
        width: 800,
        dialogClass: 'FilterSelectedList',
        modal: true

    }).dialog("open");

我在其中一个按钮上点击这个。它显示的是没有任何数据的空白模式弹出窗口

没有p标签和li标签

我想从load函数加载数据，该函数将立即返回一项。 当我调试这个时，我能够在loopChartID中看到值，但它不会显示在模式弹出窗口中

<div><p>Heading for List goes here</p><ul><li>"+loopChartID+"</li></ul></div>"

列表的标题在这里 请帮助我理解这一点并使其正常工作。

从服务器加载数据，并将返回的HTML放入匹配的元素中。如果需要设置HTML内容，请不要使用

$（“modalFilterDiv”）
.html（这是从Jquery生成的html
.对话({
});

---

使用循环生成HTML

var ul = $('<ul />');
for(var i =0;i <10; i++){
    ul.append($('<li />', { text : i }));
}

var div = $('<div />')
            .html('<p>This is html generated from Jquery</p>')
            .append(ul);

$("#modalFilterDiv")
    .html(div)
    .dialog({
    });

var ul=$（“
”）；
for（var i=0；我非常感谢。它工作起来很有魅力。这正是我所需要的。我可以在
html（）
@ameydeshande中使用for循环吗，你到底需要什么？
loopChartID
是多个条目。比如Chart1、Chart2、Chart3、Chart4，所以我想显示这些元素的列表。我可以使用
$.html（）来实现吗
li
标记我要重复到looChartID长度，并将
li
的编号添加到列表中。。。
$("#modalFilterDiv")
    .html("<div><p>This is html generated from Jquery</p><ul><li>"+loopChartID+"</li></ul></div>")
    .dialog({
    });

var ul = $('<ul />');
for(var i =0;i <10; i++){
    ul.append($('<li />', { text : i }));
}

var div = $('<div />')
            .html('<p>This is html generated from Jquery</p>')
            .append(ul);

$("#modalFilterDiv")
    .html(div)
    .dialog({
    });