显示/隐藏带有属性的div
显示/隐藏带有属性的div
提问于 2012-04-08 00:23:51
我在div上工作，它是隐藏的，并且有一个"show“按钮。一旦点击，它就会显示div "anotherdiv“的内容。并且按钮的文本被更改为“隐藏”。下面是我的jquery代码：
<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上，它在第一步起作用，当点击显示按钮时，"anotherdiv“打开，botton的文本被更改为"HIDE”，value属性被更改为“1”。但当单击“隐藏”按钮时，IE不会捕获value属性。我该如何解决这个问题呢？在Stackoverflow上也有一些类似的帖子，但我找不到确切的答案。谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-08 00:46:35
数据属性应该使用" Data -“前缀存储。有关自定义数据属性的有用站点：http://html5doctor.com/html5-custom-data-attributes/
这个更新版本适用于我在IE8上的工作：http://jsfiddle.net/vSMK6/2/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10056173
复制相关文章
相似问题
腾讯云开发者
