Question

我正在处理隐藏且具有“显示”按钮的div。点击后，它会显示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上，它在第一步工作，当点击SHOW按钮时，“anotherdiv”打开，botton的文本变为“HIDE”，值属性变为“1”。但是当单击“HIDE”按钮时，IE不会捕获value属性。我怎么解决这个问题。 Stackoverflow中有一些类似的帖子，但我找不到明确的答案。谢谢。

Answer 1

数据属性应存储为“data-”前缀。关于自定义数据属性的有用网站 http://html5doctor.com/html5-custom-data-attributes/

此更新版本适用于IE8： http://jsfiddle.net/vSMK6/2/

IE显示/隐藏div属性

1 个答案: