Ajax 요청에서 내가 뭘 잘못하고 있니?

Question

일부 Ajax 요청을 생성하기 위해 jquery를 사용하고 있습니다. 코드가 정상적으로 작동하고 있습니다. 하지만 방화 광 코드로 코드를 검사했을 때, 예기치 않은 코드가 생성되는 것을 볼 수 있습니다. 태그. 스크립트는 다음과 같습니다

경고 (데이터) ->

<div class="list"> 
    <ul> 
     <li><a href="javascript:void(0);">Option 1</a></li> 
     <li><a href="javascript:void(0);">Option 2</a></li> 
     <li><a href="javascript:void(0);">Option 3</a></li> 
    </ul> 
</div> 

경고 ($ ('# 주') HTML (:

$.ajax({ 
    url: '/some/request/', 
    type: 'GET', 
    success: function(data){ 
     $('#main').html(data); 

     // To see the error I do this: 
     alert(data); 
     alert($('#main').html()); 
    } 
}); 

경고는 다음과 같이 반환합니다.)) ->

<div class="list"> 
    <a></a> 
    <ul> 
     <a></a> 
     <li><a href="javascript:void(0);">Option 1</a></li> 
     <li><a href="javascript:void(0);">Option 2</a></li> 
     <li><a href="javascript:void(0);">Option 3</a></li> 
    </ul> 
</div> 

두 번째 반환 값은 일부 여분의 태그 ... 나는 왜 방법 $ ('# main') .html (data)이 그런 식으로 작동하는지 모르겠다.

편집 - 추가 정보 :

• 나는 파이어 폭스 7.01을 사용하고 있지만, 구글 크롬 같은 문제의이 발생합니다. 나는 JQuery와에게 1.6.2
• 예를 사용하고
• 은 : 당신의 바이올린을 바탕으로 http://jsfiddle.net/z4rYU/3/는

Answer 1

, 앵커 태그가 제대로 닫히지 않았습니다. 아래의 수정 된 문자열을 확인하십시오.

var data = '<div id="main-header"><ul id="breadcrumb"><li class="crumb"><a href="#/">option 1</a></li><li class="crumb"><a href="#/">option 2</a></li></ul>'; 

//Changed: <a href="#/">option 2<a> 
//To:  <a href="#/">option 2</a> 

여기에 a corrected fiddle입니다.