colorbox和Jquery appendTo函数的问题

时间:2012-04-23 21:42:12

标签: jquery colorbox

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

所以基本上是用

开始的
$(".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,因此弹出不是来了。

如果我做错了,请告诉我?为什么附加数据类不正确。

任何帮助表示赞赏!!!

2 个答案:

答案 0 :(得分:1)

添加

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

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

答案 1 :(得分:0)

我认为这可能是问题,因为id没有"Class1"

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

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