Первый скрипт jQuery не запускается, что не так - PullRequest
Новая
       5

Первый скрипт jQuery не запускается, что не так

0 голосов
/ 18 января 2012

Это мой первый скрипт 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 и удалил лишние пробелы вокруг операции присваивания "=":

Моя проблема продолжается. Стилизация применяется, но когда я щелкаю по сценарию, ничего не происходит, и при этом не появляется значок большого пальца "click". 

<!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
    }

Ответы [ 2 ]

3 голосов
/ 18 января 2012

Убедитесь, что scripts/jquery-1.6.2.min.js на самом деле работает, а не 404, используя firebug .

Но проблема, скорее всего, в том, что в теге script есть пробелы вокруг вашего "="выглядеть так: 

<script src="scripts/jquery-1.6.2.min.js"></script>
0 голосов
/ 18 января 2012

Вы сначала прячете img?

Я не вижу ваш css, поэтому не могу сказать.

Но если вы не начинаете с imgскрытый, вы не сможете использовать .fadeIn()

...