jQuery是不是在我的HTML工作

-5

<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的例子而且還沒有弄清楚。

謝謝！

來源

2014-01-13 user3190635

+11

你應該包括jQuery –

</head>前只需添加

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

和需要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/

來源

2014-01-13 14:57:11 Mooseman

+1的CDN鏈接。 – BetaBlaze

最好在包含其他腳本之前，因爲它期望'$'存在。 – MildlySerious

-1

你應該包括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>

來源

2014-01-13 14:58:43 WhiteFang

另外一個錯誤，你忘了完成parenthesis和curly brace。

$(document).ready(function(){ 

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

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

來源

2014-01-13 14:59:32

+1 ..好趕上 –

@Murali給你發送細節，我原定於上週第2輪進行電話採訪，忘了包括這個..我會很快刪除這條評論.. –

jQuery是不是在我的HTML工作

回答

相關問題