0

次のxmlようなファイルがあります。

<posts>
    <post id="123">
        <title>UN meets on North Korean missile launch - </title>
        <link>index2.htm</link>
    </post>
    <post id="124">
        <title>UN meets on North Korean missile launch - </title>
        <link>index2.htm</link>
    </post>
</posts>

htmlファイルにdivがあり、ファイルからデータid='contact'を抽出して.ページ幅、閉じ、残りのほとんどは、生成される新しいに追加されます。xmlhtml<post>xml<link><div class="line">div<div class="line"><link><div class="line">

<div id="container">

<div id="top-nav">
    <ul>
        <li><a href="#">Website.com</a></li>
        <li><a href="#">About Me</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Abilities</a></li>
        <li><a href="#">Ideas</a></li>
    </ul>
</div>

<div id="content">
<!-- Content Will Goes Here! -->
</div>

<div id="bottom-nav">
    <ul>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Branches</a></li>
        <li><a href="#">Jobs</a></li>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Publishs</a></li>
    </ul>
</div>

</div>

私はこれをJQuery次のようにしたい：

$(document).ready(function() {

    $.ajax({
        type:"GET",
        url:"posts.xml",
        dataType:"xml",
        success:function(xml){

            var line = '<div class="line"></div>';
            $(line).appendTo('#content');
            $(xml).find('post').each(function(index, element) {

                var postLink = $(element).find('link').text();
                var postFont = $(element).find('font').text();

                var Link = '';
                Link += '<div class="link '+postFont+'"><a href="'+postLink+'">';
                Link += $(element).find('title').text(); 
                Link += '</a></div>';

                var lastLine = $('.line')[$('.line').length-1];
                var lineHeightBefore = parseInt($(lastLine).css('height'));
                //alert(lineHeightBefore);
                    console.log(lineHeightBefore);
                $(Link).appendTo(lastLine);
                var lineHeightAfter = parseInt($(lastLine).css('height'));

                if(lineHeightAfter > lineHeightBefore){
                    $('.link').last().remove();
                    $(line).appendTo('#content');
                    lastLine = $('.line')[$('.line').length-1];
                    $(Link).appendTo(lastLine);
                }

            });

        }
    });
});

しかし、うまくいきません。
私のコードを見てテストして問題を見つけて
ください

4

1 に答える 1

1

そのDIVにコンテンツを入れたい場合。

$("#content").html(-あなたがここに望むものは何でも-);

元。$("#content").html("何か");

于 2012-04-13T18:18:31.307 に答える