2013-02-11 76 views
0

我有一個頁面使用jQuery來構建基於現有HTML元素的鏈接和錨定標記。它適用於除IE之外的所有瀏覽器,其中錨標籤的輸出有點不同。動態生成的鏈接無法在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> 

代碼的文檔中的以下部分.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找到。

+1

這有什麼錯呢? – SLaks 2013-02-11 22:59:25

+0

@ SLaks-無效HTML以外的其他內容? – RobG 2013-02-11 23:04:56

+0

對不起,我應該更具體。 這些鏈接在IE中不起作用。在我的測試頁面上,它們可以與Safari,Chrome,Firefox一起使用。 – Drew02 2013-02-11 23:06:07

回答

0

您的頁面中存在一些無效的HTML。請在IE中打開並在開發人員工具(F12)中查看。例如<div> is inside <p> find this link for more information

+0

我在IE開發者視圖中沒有收到任何錯誤。我繼續前進並清理了一下頁面,所以當我使用w3.org驗證頁面時不再有任何錯誤。指向標籤的鏈接在IE中仍然不起作用。 – Drew02 2013-02-12 15:37:47

-1

我認爲IE包括hashtag

href="#TitleJanuary12-13,2013" 

之前需要一個文件名或URL,但我可以站在糾正

相關問題