带有属性的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

回答

相关问题