2012-04-07 47 views
1

我正在處理隱藏的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中有一些類似的帖子,但我找不到明確的答案。謝謝。

+0

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

+0

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

回答