Question

所以我创建了一个名为1的类，当我使用下面的jQuery代码调用它时;

<script>
    $(document).ready(function() {
        $(".1").hide().fadeIn(3000);
    });
</script>

淡入效果不起作用。

这是所有必要的代码;

<!DOCTYPE html>
<html>
<head>
<style>
body {
      background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
span.1{
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 8em;
    margin-top: 6em;
    font-size: 40px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function(){$(".1").hide().fadeIn(3000);});
</script>
</head>
<body>
<span class="1">Testing the Fade!</span>
</body>
</html>

Answer 1

尝试重命名您的课程。类名不能以数字开头。

Which characters are valid in CSS class names/selectors?

Answer 2

不要使用数字启动类名。参考下面......

http://www.w3schools.com/css/css_selectors.asp

班级电话无效

2 个答案: