0

以下のコードを使用して AJAX get リクエストから xml を解析していますが、html の後にすべての要素が表示されるのはなぜですか? 私は何を間違っていますか？

<li><section><blockquote><p></p></blockquote></section></li>
<h1>QUOTE</h1>
<img class="truffle" src="Content/Images/truffles/pecan-caramel-truffle.png?text=pecan-caramel-truffle">
<h2>NAME</h2>

AJAX の解析

$(result).find('ContestResult').each(function () {
   var name = $(this).find('FirstName').text();
   var imgName = $(this).find('ImageName').text();
   var quote = $(this).find('quote').text();
   var theName = "NAME";

   var sliderItem = '<li><section><blockquote><p>' + quote + '</p></li></blockquote>';
   sliderItem += '<h1>~' + name + '</h1></section>';
   sliderItem += '<img class="yep" src="' + imgName + '" />';
   sliderItem += '<h2>' + theName + '</h2>';
   sliderItem += '</li>';

   $("ul#slider").append(sliderItem);

   i++; //Iterate variable});
4

1 に答える 1

1

クロージングがないからこうなった気がします</ul>。そのため、jQueryappend()関数は の最後の文字を見つけようとしul、HTML もこれの一部であると認識しulます。

http://jsfiddle.net/sudipta/93AqB/でフィドルを作成しました

これは私が HTML で行ったすべての変更であり、HTML の前にデータを追加するようです:

<ul id="slider">
<li>
    <section>
        <blockquote>
            <p>Foo</p>
        </blockquote>
    </section>
</li>
</ul>

<h1>QUOTE</h1>
<img class="truffle" src="Content/Images/truffles/pecan-caramel-truffle.png?text=pecan-caramel-truffle">
<h2>NAME</h2>
于 2013-10-15T06:19:42.227 に答える