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

这是一个更正的小提琴 。