我的Ajax請求中我做錯了什么？

Question

我正在使用jquery創建一些Ajax請求，該代碼顯然運行良好； 但是當我用firebug檢查代碼時，我看到請求生成了一些意外的a標簽。 腳本是：

$.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">
    <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>

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>

第二回增加了一些額外的標簽的 ...我不知道為什么方法$（“＃主”）。HTML（數據）以這種方式工作。

編輯-更多信息：

• 我使用的是Firefox 7.01，但在Google Chrome瀏覽器中會發生相同的問題。
• 我正在使用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>

這是一個更正的小提琴 。