如何獲得在瀏覽器上運行的JQuery代碼？

Question

我是JQuery的新手，我試圖弄清楚如何使.mouseenter（）和.mouseleave（）方法正常工作。 到目前為止，我已經嘗試使用IE8和FF，但是由於某些奇怪的原因，除了保持靜態之外，我無法讓元素做任何事情。 這是我到目前為止的代碼：

HTML：

<!Doctype html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="style.css"/>
        <script type="text/javascript" src="file:///D:/Documents%20and%20Settings/stsc/My%20Documents/_prac/script.js"></script>
        <title>Practice</title>
    </head>
    <body>
        <div id="red"></div>
        <div id="yellow"></div>
        <div id="green"></div>
    </body>
</html>

CSS：

div{
    height:100px;
    width: 100px;
    border-radius: 50px;
}

#red{
    background-color: red;
}

#yellow{
    background-color: yellow;
}

#green{
    background-color: green;
}

JS：

$(document).ready(function(){
    $('div').mouseenter(function(){
        $(this).animate({
            width: '+=10px'
        });
    });
    $('div').mouseleave(function(){
        $(this).animate({
            width: '-=10px'
        });
    });
    $('div').click(function() {
        $(this).toggle(1000);
    });
});

這只是使用JQuery進行練習的簡單示例。 在此先感謝您的幫助！

Answer 1

您似乎沒有包括jQuery：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

另外，D：\\驅動器是硬盤驅動器還是CD / DVD驅動器？ 這也可能是一個問題。

Answer 2

您應該在HTML內引用jquery庫：

<head>
    <link type="text/css" rel="stylesheet" href="style.css"/>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="file:///D:/Documents%20and%20Settings/stsc/My%20Documents/_prac/script.js"></script>
    <title>Practice</title>
</head>

如何獲得在瀏覽器上運行的JQuery代碼？

問題描述

2 個解決方案

解決方案1
2

解決方案2
1 2013-04-24 23:12:50

如何獲得在瀏覽器上運行的JQuery代碼？

問題描述

2 個解決方案

解決方案1 2

解決方案2 1 2013-04-24 23:12:50

解決方案1
2

解決方案2
1 2013-04-24 23:12:50