0

問題の写真が必要な場合はアップロードできますが、最後のアイテムが残りのアイテムのように見えるようにする必要があります。RSSフィードを読み、最初のタイトルを取得して、リストに入力します。他の部分と同じようにフォーマットしようとしましたが、機能していません。これが私の関数です:

<script type="text/javascript">

jQuery(function() {

    jQuery.getFeed({
        url: 'xml/rss-21.xml',
        success: function(feed) {

            var html = '';

            for(var i = 0; i < 1; i++) {

                var item = feed.items[i];


                html += '<li data-theme="c">'
                + '<a href="#page1" data-transition="slide">'
                + item.link
                + '">'
                + item.title
                + '</a>'
                + '</li>';
            }

            jQuery('#result').append(html);
        }    
    });
});

</script>

次のようにフォーマットする必要があります。

<li data-theme="c">
                    <a href="http://www.tristateis.com" data-transition="slide">
                        Win a Free Digital Pocket Memo
                    </a>
                </li>

ご協力ありがとうございました。

4

3 に答える 3

1

に追加しているときに問題が発生しているようですhtml

html += '<li data-theme="c">'
            + '<a href="#page1" data-transition="slide">'
            + item.link
            +" "               
            + item.title
            + '</a>'
            + '</li>';

また、文字列をフォーマットするだけでなく、より詳細に制御するためにできることは、次のことです。

var li = $('<li></li>',{
   'data-theme' : 'c',
});

var link = $('<a></a>',{
    href : item.link
    text : item.title,
    'data-transition' : 'slide'
});

そうli.append(a);すれば、編集が簡単になり、より良い方法にもなります。

于 2012-08-09T18:42:18.077 に答える
1
html += '<li data-theme="c">'
+ '<a href="#page1" data-transition="slide">'
+ item.link
+ '">' // problem here
+ item.title
+ '</a>'
+ '</li>';

する必要があります

html += '<li data-theme="c">'
+ '<a href="#page1" data-transition="slide">'
+ item.link
+ item.title
+ '</a>'
+ '</li>';

編集:

リンクを適切な場所に配置する必要があります。

html += '<li data-theme="c">'
+ '<a data-transition="slide" href="'
+ item.link + '" >'
+ item.title
+ '</a>'
+ '</li>';
于 2012-08-09T18:42:59.283 に答える
1

ここで実際にリンクを作成していないようです。hrefはitem.linkである必要があります(これが正しい値であると想定しています)

html += '<li data-theme="c">'
        + '<a href="' + item.link +'" data-transition="slide">'
        + item.title
        + '</a>'
        + '</li>';
于 2012-08-09T18:54:48.457 に答える