1

div クラスを生成する jQuery に次のコードがあります。

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 内に配置するにはどうすればよいですか?

4

0 に答える 0