Question

我正在尝试将tp-lightboxactitem追加到tp-lightboxcontainer。任何人都可以帮我解决这个问题。它不起作用，我希望灯箱activeitem位于tp-lightboxcontainer内，而tp-lightboxactitem位于其中心。

$('body').append('<div id="tp-lightboxcontainer" class="'+opt.style+' lightboxitem"></div>');
        var tp-lightboxcontainer=find('#tp-lightboxcontainer');
        tp-lightboxcontainer.append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');

Answer 1

$('<div id="tp-lightboxcontainer" class="'+opt.style+' lightboxitem"></div>')
    .appendTo('body')
    .append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');

你真的只在这里使用一个对象，所以你可以在一行中完成。 jsFiddle

制作容器（目标容器）
将其附加到<body>（仍然是目标容器）
将您的商品附加到容器（仍然是目标容器）

ps：如果你想将这个容器用于更多的东西，可以通过在它前面加var whatever =来缓存它。

Answer 2

是。 Esailija说，代码在语法上是不正确的。我有以下工作和正确的代码：完成的更改：

opt之前需要正确定义。
变量名不应该有' - '，而是可以使用'_'而不是Esailija之前说的。
在该代码中错误地完成了查找操作。

var opt=""; 

// op can be whatever defined before in the code.
$('body').append('<div id="tp-lightboxcontainer" class="myClass" lightboxitem"></div>');

//Find updated.

var tp_lightboxcontainer=$("body").find('#tplightboxcontainer');  

tp_lightboxcontainer.append('<div id="tp-lightboxactitem" class="'+opt.style+' lightboxitem"></div>');

追加不在jQuery中工作

2 个答案: