Colorbox和Jquery appendTo函数的问题

Question

基本上我正在使用JQuery和colorbox。 我正在使用Colorbox的iframe类。

所以基本上是从

$(".iframe44").colorbox({iframe:true, width:"80%", height:"80%"});

然后我在元素上使用它

<div class="class1">
<a class="iframe44" href=xyz.php> Add New</a>
<ul>
</ul>
</div>

这段代码很好，iframe弹出窗口就可以了。 该类还将按预期转换为class = iframe44 cboxElement。

因此，我不是在运行AJAX调用以获取一些值（作为JSON），然后使用appendTo()将内容添加到<ul>元素中。 像这样

$(document).ready(function () {
    $.ajax({
        type : "GET",
        url : "values.php?type=init",
        dataType : "json",
        success : function (data) {
            //alert("success");
            var ul_data = '';
            var counter = 0;
            for (var val in data) {
                if (data.hasOwnProperty(val)) {
                    console.log(data[counter].variable1 + data[counter].variable2);
                    ul_data = ul_data + "<li><a class=\"iframe44\" href=value_edit.php?variable2=" + data[counter].variable2 + ">" + data[counter].variable1 + "</li>";
                }
                counter++;
            }
            $(ul_data).appendTo('#class1 ul');
        }
    });
});

现在我面临的问题是，新添加到<div>中的ul_data不具有class = iframe44 cboxElement的相同特征...而是具有class = iframe44，因此不会弹出。

让我知道我做错了什么吗？ 为什么附加数据类无法正确显示。

任何帮助表示赞赏！

Answer 1

加

$(".iframe44").colorbox({iframe:true, width:"80%", height:"80%"});

后

$(ul_data).appendTo('.class1 ul'); 

Answer 2

我认为这可能是问题所在，因为"Class1"没有id

 $(ul_data).appendTo('#class1 ul');//Wrong

 $(ul_data).appendTo('.class1 ul');//Right