帶有屬性的IE顯示/隱藏div

我正在處理隱藏的div，並有一個「顯示」按鈕。一旦點擊它顯示div「anotherdiv」的內容。並且該按鈕的文本更改爲「隱藏」。以下是我的jQuery代碼：帶有屬性的IE顯示/隱藏div

<button id = "visible" value = "0">SHOW</button> 
$("#visible").click(function(){ 
    $this = $(this); 
    var divValue = $this.attr('value'); 
    if (divValue == 1){ 
     $this.attr('value','0'); 
     $('#anotherdiv').slideUp(1000); 
     $this.text('HIDE'); 
    }else{ 
     $this.attr('value','1'); 
     $('#anotherdiv').slideDown(1000); 
     $this.text('HIDE');  
    } 
});

此代碼工作正常在Firefox，Chrome和Safari瀏覽器。但在IE上，它的工作原理是第一步，單擊SHOW按鈕時，「anotherdiv」打開，botton的文本更改爲「HIDE」，值屬性更改爲「1」。但是當單擊「HIDE」按鈕時，IE不會捕獲值屬性。我怎麼解決這個問題。在Stackoverflow中有一些類似的帖子，但我找不到明確的答案。謝謝。

來源

2012-04-07 Hari

代碼和預期一樣，我在IE9和IE10通過演示的jsfiddle：http://jsfiddle.net/vSMK6/ – Sampson 2012-04-07 16:31:07

@JonathanSampson我的大部分用戶仍在使用IE7或IE8。它不適用於其中任何一個。任何建議。 – Hari 2012-04-07 16:34:28

數據屬性應該以「data-」前綴存儲。有關自定義數據有用的網站屬性： http://html5doctor.com/html5-custom-data-attributes/

此更新版本爲我工作在IE8： http://jsfiddle.net/vSMK6/2/

來源

2012-04-07 16:46:34 MMeah

這個工作。謝謝。 – Hari 2012-04-07 16:52:46

帶有屬性的IE顯示/隱藏div

回答

相關問題