jQuery 형식이 잘못되었습니다. html 오른쪽

Question

필요한 경우 문제의 그림을 업로드 할 수 있지만 나머지 항목처럼 보이게하려면 마지막 항목이 필요합니다. 나는 RSS 피드를 읽고 첫 번째 타이틀을 잡고 목록에 채 웁니다. 나머지 부분처럼 포맷을 시도하지만 작동하지 않습니다.

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

여러분의 도움에 감사드립니다 : 나는 같은 포맷 할 필요가

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

: 여기 내 기능입니다.

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