[英]How do you get javascript/jquery to work?
编辑：谢谢大家的建议。 多亏了您的帮助，我才得以解决！
我在codeschool / codeacademy上进行javascript / jquery教程，那里似乎一切正常。 但是，当我尝试自己做某事时，我无法使JavaScript真正触发。 我尝试了chrome和Firefox。 我禁用了所有插件扩展。 必须是一个简单的问题，请帮忙！
我从jquery剪切和粘贴的以下代码（ http://learn.jquery.com/about-jquery/how-jquery-works/ ）
这是jsfiddle的链接： http : //jsfiddle.net/interestinall/n5mqryrj/
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script src="jquery.js"></script>
<script>
$( document ).ready(function() {
$( "a" ).click(function( event ) {
alert( "The link will no longer take you to jquery.com" );
event.preventDefault();
});
});
</script>
</body>
</html>
它对我不起作用。 有人可以解释一下原因，并告诉我如何使其工作吗？ 非常感谢！
您没有在项目中包含jquery。 改变这条线
<script src="jquery.js"></script>
到这条线
<script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script>
或任何其他版本
您的代码没有错。 我们都是从某个地方开始的，其中一些建议令人误解
如果您还不了解，jQuery是一个全面的库，可简化复杂的javascript开发。 重要的是要注意，您使用jQuery所做的所有事情都可以使用本机javascript来实现，这只是一点点欺骗，而jquery可以处理所有复杂性，从而可以在各种浏览器中使用。 也就是说，某些功能可以在某些浏览器中运行，而其他浏览器则以其他方式（特别是IE）运行。
要在您的网站上使用jQuery，您需要将其包含在页面中。 它的自我执行能力和一种可以判断其是否正常运行的方式是：
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script>
<script>
console.log($)
</script>
</body>
</html>
如果您在Chrome中打开控制台（按f12键），则应看到：
function (a,b){return new m.fn.init(a,b)}
请注意，我使用src="https://code.jquery.com/jquery-1.11.1.min.js"作为脚本的来源。 您可以根据脚本使用src="jquery.js" ，但这意味着您需要将https://code.jquery.com/jquery-1.11.1.min.js的内容保存到名为jquery的文件中。 js与index.html（或您保存的your-code.html所在位置）处于同一级别
Ive指出了一些建议，说您应该在标记中包含jQuery，尽管这样做可以，但是出于我不愿在此介绍的原因，将脚本保留在页面底部的最佳实践被认为是最佳做法。
因此，这应该对您有效（与浏览器扩展无关）：
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script>
<script>
$( document ).ready(function() {
$( "a" ).click(function( event ) {
alert( "The link will no longer take you to jquery.com" );
event.preventDefault();
});
});
</script>
</body>
</html>
祝好运。
您对jquery使用了错误的URL。 http://fiddle.jshell.net/_display/jquery.js出现404错误。
尝试使用绝对URI或从Frameworks＆Extensions菜单中选择库。
您尚未正确包含jQuery。 尝试以下方法：
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script>
$( document ).ready(function() {
$( "a" ).click(function( event ) {
alert( "The link will no longer take you to jquery.com" );
event.preventDefault();
});
});
</script>
</body>
</html>
尝试更换
<a href="http://jquery.com/">jQuery</a>
与
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
或从jQuery.com下载jQuery-Scriptfile，将其存储在本地并使用该文件。
这是一个工作示例http://jsbin.com/pajecubute/1/edit
<a href="http://jquery.com/">jQuery</a>
$( document ).ready(function() {
$( "a" ).click(function( event ) {
alert( "The link will no longer take you to jquery.com" );
event.preventDefault();
});
});
更新了您的小提琴。 您无需在HTML中单独包含JQuery。 您已经可以在左侧找到它。 您的代码现在可以使用了。
http://jsfiddle.net/n5mqryrj/8/
在script部分添加了ready函数：
$( document ).ready(function() {
$( "a" ).click(function( event ) {
alert( "The link will no longer take you to jquery.com" );
event.preventDefault();
});
});
如何使用Knockout可观察数组来处理jQuery对话框
[英]How do you get a Knockout observable array to work with a jQuery dialog
如何让 JQuery 与 Rails 6 和 Webpacker 6 一起使用
[英]How do you get JQuery to work with Rails 6 and Webpacker 6
你如何获得javascript承诺与node + express一起使用并显示在EJS文件上？
[英]How do you get javascript promises to work with node + express and display on an EJS file?
如何在Visual Studio 2008中使用JavaScript / jQuery Intellisense？
[英]How do you get JavaScript/jQuery Intellisense Working in Visual Studio 2008?
您如何使用Jquery滚动事件和偏移量/位置，CSS或JavaScript获得此结果？
[英]How do you get this result, using Jquery Scroll Event & offset/position, css or javascript?
如何从 javascript 中的 jQuery.getJSON 方法获取 responseText？
[英]How do you get responseText from jQuery.getJSON method in javascript?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.