Question

我有一个页面，它使用jQuery根据现有的HTML元素构建链接和锚标记。它适用于我测试的所有浏览器，除了IE，其中锚标签的输出略有不同。

其他浏览器：

 <a class="courseshortcut" name="TitleJanuary12-13,2013"></a>

Internet Explorer：

 <a name="TitleJanuary12-13,2013" class="courseshortcut"/>

生成的这些锚标记的链接如下所示：

 <a href="#TitleJanuary12-13,2013">January 12-13, 2013 - Miami, FL</a>

document.ready函数的以下代码部分添加了锚点：

 //adds the anchor tags
$('.courseentry').each(function() {
    var str = $(this).find('.coursetitle').html() + $(this).find('.coursedate').html();     
    $(this).prepend("<a class='courseshortcut' name='" + str.replace(/\s+/g, '') + "'></a>");
});

我无法弄清楚为什么会出现此问题。有人可以开导我吗？可以找到更完整版的测试脚本here。

Answer 1

页面中有一些无效的HTML。只需在IE中打开并在开发人员工具中查看（F12）。例如<div> is inside <p> find this link for more information

Answer 2

我认为IE在标签

之前需要文件名或网址

href="#TitleJanuary12-13,2013"

但我能够经过纠正

动态生成的链接在IE中不起作用

2 个答案: