jQuery不格式化HTML正確

Question

如果您需要，我可以上傳問題的圖片，但我需要最後一項看起來像其餘的。我讀了一個RSS feed並獲取第一個標題，然後將其填充到列表中。我嘗試像其他格式一樣格式化，但不起作用。這裏是我的功能：

<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> 

謝謝您的幫助。

Answer 1

看起來你實際上並不在這裏做一個鏈接， href應該是item.link（假設這是正確的值）

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

Answer 2

的問題似乎是，當你追加到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);這樣，它更容易編輯，這也是一個更好的做法

Answer 3

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>';