2011-06-04 96 views
0

我有一個頁面有多個切換隱藏元素顯示的選項卡。 它使用以下JS:IE和JavaScript(jQuery)問題

$('document').ready(function() { 

// Profile Tabs 
$('ul.profile_tabs li').click(function(){ 
    var type = $(this).attr('type'); 

    $('.content-profile-title').css('display', 'none'); 
    $('.content-profile-display').css('display', 'none'); 

    $('#content-profile-title-'+type).css('display', 'block'); 
    $('#content-profile-display-'+type).css('display', 'block'); 

}); 
}); 

它抓住ul元素的類型的屬性,以及取消隱藏與對應的ID的元素。

它在FF和其他瀏覽器中正常工作,只是不IE! 我得到以下控制檯消息:「對象不支持此屬性或方法」 我已經試過其他的方法,如顯示/隱藏淡入/淡出..

任何幫助將長久地apreciated :)

+0

什麼行引發異常? – TweeZz 2011-06-04 19:02:56

+0

你正在使用什麼版本的jQuery?你試過.css({display:「block」}); ? – 2011-06-04 19:06:54

+1

這可能是IE對於可以使用的屬性更加嚴格,這取決於元素的類型。 'type'屬性是'input'元素的標準屬性,但不是'li'元素。 – Xint0 2011-06-04 19:08:52

回答

1

請勿使用屬性來保存數據。但是,如果你不得不嘗試像大多數元素可用的標題那樣的東西。

+0

我試着用'標題',但它沒有奏效 - 雖然我認爲我沒有把它實現得很對。但是這給了我一個想法(基於Xint0和AutoSponge的答案),我使用了ID屬性而不是'type',現在它工作正常。 謝謝大家! – 2011-06-04 20:15:43