Question

我在jQuery中有以下代码，它生成一个div类

if (!tst.g.ltContainer) {
      tst.g.ltContainer = $('<div>').addClass('tst-lt-container').addClass('tst-overflow-hidden').css({
        width: inner.width(),
        height: inner.height()
      }).prependTo(inner);
    }
    else {
      tst.g.ltContainer.empty().css({
        width: inner.width(),
        height: inner.height()
      });
    }

然后使用以下内容将其包装在另一个div中：

$(el).find('.tst-layer').wrapAll('<div class="tst-inner"></div>');

因为要使这个脚本工作是通过在html中添加内容它非常好...现在我必须创建它以便它可以与XML一起使用..

问题如下：

解析xml时我正在创建所有必需的div ...问题是这个没有被构造。

这是我写的：

$(xml).find('first').each(function() {

        var container = $('<div></div>').appendTo(body);
        container.attr("id", "test-container");

        var first_style = $(this).attr('template.first.style');

        var first = $('<div></div>').appendTo(container);
        spot.attr("id", "placeholder");
        spot.attr("style", first_style);

        $(xml).find('second').each(function() {
            var second_style = $(this).attr('template.second.style');

            var second= $('<div></div>').appendTo(first);
            second.addClass("tst-layer");
            second.attr("style", second_style);

            var bg_src = $(this).attr('background');
            var background = $('<img/>').appendTo(item);
            background.addClass("tst-bg");
            background.attr("src", bg_src);
        })
    });

这是通过浏览器返回的内容

     <div id="test-container">
<div id="placeholder" class="tst-container" style="width: 1906px; height: 953px; margin: 0px auto; visibility: visible;">
<div class="tst-inner" style="background-color: transparent; width: 1906px; height: 953px;">
<div class="tst-layer" style="width: 1906px; height: 953px; visibility: visible; display: none;">

实际上应该返回以下内容

<div id="test-container">
<div id="placeholder" class="tst-container" style="width: 1906px; height: 953px; margin: 0px auto; visibility: visible;">
<div class="tst-inner" style="background-color: transparent; width: 1906px; height: 953px;">
<div class="tst-lt-container tst-overflow-hidden" style="width: 1906px; height: 953px;">
<div class="tst-layer" style="width: 0px; height: 960px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;">

如何在tst-inner中将tst-lt-container放置在tst-inner内？

在另一个由另一个jQuery脚本创建的div中添加div

0 个答案: