将JavaScript链接到我的HTML
[英]Linking JavaScript to my HTML
问题描述
请帮助，我是网页设计的新手，并希望下面的演示工作，但似乎我的HTML没有链接到我的JavaScript。 请查看下面的代码，该演示也可以在http://jsfiddle.net/xx9ykonc/获取。如何使其工作，我不明白什么是遗漏。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
<table>
<tr>
<td><div>1</div></td>
<td><div>2</div></td>
<td><div>3</div></td>
<td><div>4</div></td>
</tr>
</table>
<script>
$('table div')
.on('mouseenter', function(){
var div = $(this);
div.stop(true, true).animate({
margin: -10,
width: "+=20",
height: "+=20"
}, 'fast');
})
.on('mouseleave', function(){
var div = $(this);
div.stop(true, true).animate({
margin: 0,
width: "-=20",
height: "-=20"
}, 'fast');
})
</script>
</body>
</html>
3 个解决方案
解决方案1
4 2016-04-19 10:38:17
您应该通过在html页面的头部添加此脚本来包含jquery
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script></head>
解决方案2
2 2016-04-19 10:39:31
正如评论中提到的@ Rocker1985，您可以将jquery文件链接到您已经链接CSS文件的HTML。
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
<script script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script script src="~/Scripts/jquery-ui-1.11.4.min.js"></script>
</head>
提供jquery文件的确切路径和版本。
解决方案3
0 2016-04-19 10:49:08
在您的HTML中，您错过了jquery库链接，只需要附加源链接就可以了，也可以在下面查看
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style1.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<table>
<tr>
<td><div>1</div></td>
<td><div>2</div></td>
<td><div>3</div></td>
<td><div>4</div></td>
</tr>
</table>
<script>
$('table div')
.on('mouseenter', function(){
var div = $(this);
div.stop(true, true).animate({
margin: -10,
width: "+=20",
height: "+=20"
}, 'fast');
})
.on('mouseleave', function(){
var div = $(this);
div.stop(true, true).animate({
margin: 0,
width: "-=20",
height: "-=20"
}, 'fast');
})
</script>
</body>
</html>
Javascript页面没有链接到我的HTML文件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.