1

我正在研究隐藏并具有“显示”按钮的 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”，value 属性更改为 '1' 。但是当点击“HIDE”按钮时，IE并没有捕捉到value属性。我怎么解决这个问题。Stackoverflow中有一些类似的帖子，但我找不到明确的答案。谢谢你。

4

1 回答 1

0

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

这个更新的版本在 IE8 上对我有用：http: //jsfiddle.net/vSMK6/2/

于 2012-04-07T16:46:34.823 回答