1

基本的にJQueryと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');
        }
    });
});

今私が直面している問題は、新しく追加された ul_data に<div>class=iframe44 cboxElement と同じ特性がないことです...むしろそれは class=iframe44 であるため、ポップアップが表示されません。

私が何か間違ったことをしている場合は教えてください。追加されたデータのクラスが正しくないのはなぜですか。

どんな助けでも大歓迎です!!!

4

2 に答える 2

1

追加

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

後

$(ul_data).appendTo('.class1 ul');
于 2012-04-23T21:51:39.653 に答える
0

idないので、これが問題かもしれないと思います"Class1"

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

 $(ul_data).appendTo('.class1 ul');//Right
于 2012-04-23T21:51:14.590 に答える