Question

这是我要称之为的HTML文档：

<html>
<head>
    <script type='text/javascript' src='menuTest.js'></script>
    <title>Menu Test</title>
</head>

<body>
    <div id="hover" style="height:80px; width:150px; background-color:black; margin-left:100px; margin-top:100px"></div>
    <p id="show">this will appear</p>
</body>
</html>

这是我试图链接的jQuery脚本，最初试图在悬停时出现一些东西，然后试图放置一个html对象，看看它是否连接正确（它不是）：

$(document).ready(function(){
    $('div').mouseover(function(){
        $('p').show();
    $('div').mouseleave(function(){
        $('p').hide();
    $('div').after("<p>Hooo</p>");
    });
});

我知道它有些愚蠢我不知道但我已经看过其他jQuery示例但仍然没有想到它。

谢谢！

Answer 1

添加

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>

之前的</head>以及需要jQuery的任何其他脚本。例如：

<head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type='text/javascript' src='menuTest.js'></script>
    <title>Menu Test</title>
</head>

<小时/> menuTest.js也包含错误。修正：

$(document).ready(function(){
    $('div').mouseover(function(){
        $('p').show();
    });
    $('div').mouseleave(function(){
        $('p').hide();
    });
    $('div').after("<p>Hooo</p>");
});

小提琴：http://jsfiddle.net/H5hg6/1/

Answer 2

另一个错误，您忘了填写parenthesis和curly brace。

$(document).ready(function(){

    $('div').mouseover(function(){
        $('p').show(); 
    });     //------------------------------------> here.

    $('div').mouseleave(function(){
        $('p').hide();
        $('div').after("<p>Hooo</p>");
    });
});

Answer 3

你应该包括jquery

<html>
<head>
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='menuTest.js'></script>
    <title>Menu Test</title>
</head>

<body>
    <div id="hover" style="height:80px; width:150px; background-color:black; margin-left:100px; margin-top:100px"></div>
    <p id="show">this will appear</p>
</body>
</html>

jQuery不能在我的HTML中工作

3 个答案: