Question

所以......我在尝试使用jQuery创建切换效果时遇到了一些麻烦，它允许在li标签上的两个不同的点击事件之间进行交替。我希望li标签在点击时淡入0.5不透明度再次单击以恢复到原始状态。

任何帮助都会受到赞赏，并随时在jsfiddle上重新创建：D

到目前为止我的代码是：

HTML

<div>
    <li><a href="#">Click</a></li>
</div>

的jQuery

$(document).ready(function() {
    $('li').toggle();
});

Answer 1

在继续之前检查其当前状态。

此外，<li>必须以<ul>或<ol>作为父元素。

$('li').on('click', function(e){
  e.preventDefault();
  if($(this).css('opacity') != 1){
    $(this).fadeTo(300,1);
  }else{
    $(this).fadeTo(300,0.5);
  }
});

演示：http://jsfiddle.net/PZ96m/

使用jQuery在两个不同的单击事件之间切换？

1 个答案: