我无法让一段代码在 jsfiddle 之外工作
I cannot get a piece of code to work outside of jsfiddle
我无法让这段代码在 jsfiddle 之外工作。我不明白为什么它在我的本地服务器上不起作用。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>
<style type='text/css'>
a, a:visited { color:black }
a.link.active { color:blue; }
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(function() {
$('a.link').click(function() {
$('a.link').removeClass('active');
$(this).addClass('active');
});
});
});//]]>
</script>
</head>
<body>
<a href="#" class="link">Link 1</a>
<a href="#" class="link">Link 2</a>
</body>
</html>
我做错了什么?
可能您没有将 jquery link 正确地包含到您的 html 中,尝试将此行添加到您的头脑中:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
我无法让这段代码在 jsfiddle 之外工作。我不明白为什么它在我的本地服务器上不起作用。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>
<style type='text/css'>
a, a:visited { color:black }
a.link.active { color:blue; }
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(function() {
$('a.link').click(function() {
$('a.link').removeClass('active');
$(this).addClass('active');
});
});
});//]]>
</script>
</head>
<body>
<a href="#" class="link">Link 1</a>
<a href="#" class="link">Link 2</a>
</body>
</html>
我做错了什么?
可能您没有将 jquery link 正确地包含到您的 html 中,尝试将此行添加到您的头脑中:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>