動態生成的鏈接在IE中不起作用

Question

我有一個頁面，該頁面使用jQuery基於現有HTML元素構造鏈接和錨標記。 它適用於我測試過的所有瀏覽器，但IE除外，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在井號之前需要文件名或網址

href="#TitleJanuary12-13,2013"

但我可以糾正