2017-02-14 102 views
-1

我想动画div与1和2的id时,他们是徘徊,文本不透明度下降。 出于某种原因,文字既不是动画,也不是实际的div。我的动画jQuery的不透明度不起作用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
//THIS IS HOW A FADED IN AND OUT BUTTON WORKS 
 $(document).ready(function(){ 
      $("1").mouseover(function(){ 
        $("1").filter(':not(:animated)').animate({opacity: ".7"}); 
      }); 
      $("1").mouseout(function(){ 
        $("1").animate({opacity: "1"}); 
      }); 
      $("2").mouseover(function(){ 
        $("2").filter(':not(:animated)').animate({opacity: ".7"}); 
      }); 
      $("2").mouseout(function(){ 
        $("2").animate({opacity: "1"}); 
      }); 
    }); 
+1

显示HTML,我怀疑这些数字地址是错的,你需要为#IDS – Mihai

+0

@Sleek应该加上引号 –

+1

什么是选择'$(“1”)'等等,应该做的工作吗?如果您的HTML标记中包含“<1>”元素,则此功能才有效。此外,选择器不应以未经转义的号码开始。如果您为要操纵的元素添加HTML标记,我们可以为您提供适当的修复。 – Santi

回答

1

试试这个,你在选择器部分缺少#。

$(document).ready(function(){ 
    $("#1").mouseover(function(){ 
    $("#1").filter(':not(:animated)').animate({opacity: ".7"}); 
    }); 
    $("#1").mouseout(function(){ 
    $("#1").animate({opacity: "1"}); 
    }); 
    $("#2").mouseover(function(){ 
    $("#2").filter(':not(:animated)').animate({opacity: ".7"}); 
    }); 
    $("#2").mouseout(function(){ 
    $("#2").animate({opacity: "1"}); 
    }); 
});