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

Question

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

其它浏览器：

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

IE浏览器：

 <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>");
});

我无法弄清楚为什么会出现这个问题。有人可以启发我吗？可以在此处找到更完整的测试脚本版本。

Answer 1

您的页面中有一些无效的 HTML。只需在 IE 中打开并在开发人员工具中查看 (F12)。例如<div> is inside <p> ，查找此链接以获取更多信息

Answer 2

我认为 IE 在主题标签之前需要一个文件名或 url

href="#TitleJanuary12-13,2013"

但我可以纠正