Question

这是我的第一个jQuery脚本，它不会运行。你能告诉我什么是错的吗？

提前致谢。

<!DOCTYPE html>
<html> 
    <head>
        <title>Furry Friends Campaign</title>
        <link rel="stylesheet" type="text/css" href="styles/my_style.css">
    </head>
    <body>
        <div id = "clickMe">Show Me the Furry Friend of the Day</div>
        <div id = "picframe">
             <img src="images/furry_friend.jpg">
        </div>
            <script src = "scripts/jquery-1.6.2.min.js"></script>
            <script>
            $(document).ready(function(){
                $("#clickMe").click(function() {
                    $("img").fadeIn(1000);
                    $("#picframe").slideToggle("slow"); 
                });
            });
        </script>
            </a>
        </div>
    </body>
</html>

我已将更新的jQuery版本添加到1.7并删除了赋值操作“=”周围的额外空格：

我的问题还在继续。正在应用样式，但是当我点击脚本时没有任何反应，也没有出现“点击”拇指图标。

<!DOCTYPE html>
<html> 
    <head>
        <title>Furry Friends Campaign</title>
        <link rel="stylesheet" type="text/css" href="styles/my_style.css">
    </head>
    <body>
        <div id="clickMe">Show Me the Furry Friend of the Day</div>
        <div id="picframe">
             <img src="images/furry_friend.jpg">
        </div>
            <script src="scripts/jquery-1.7.min.js"></script>
            <script>
            $(document).ready(function(){
                $("#clickMe").click(function() {
                    $("img").fadeIn(1000);
                    $("#picframe").slideToggle("slow"); 
                });
            });
        </script>
            </a>
        </div>
    </body>
</html>

这是CSS样式表：

#clickMe {
    background: #D8B36E;
    padding: 20px;
    text-align: center;
    width: 205px;
    display: block;
    border: 2px solid #000
    }

#picframe {
    background:#D8B36E;
    padding: 20px;
    width: 205px;
    display: none;
    border: 2px solid #000
    }

Answer 1

使用firebug确保scripts/jquery-1.6.2.min.js确实有效，而不是404。

但问题可能是脚本标签中“=”周围的空格，它应该如下所示：

<script src="scripts/jquery-1.6.2.min.js"></script>

Answer 2

您是先隐藏img吗？

我没有看到你的CSS，所以我无法告诉你。

但是，如果您没有隐藏img，那么您将无法使用.fadeIn()

第一个jQuery脚本无法运行，出了什么问题

2 个答案: