你如何获得javascript/jquery的工作？

编辑：谢谢大家的建议。感谢您的帮助，我已经把它摆平了！你如何获得javascript/jquery的工作？

我在做code/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>

它不会为我工作。有人可以解释为什么，并告诉我如何让它工作？非常感谢！

来源

2014-12-02 interestinall

考虑打开你的控制台时，试图调试一个网站...我想看看网络标签 – 2014-12-02 11:23:57

所有工作正常只是添加了网址检查http://jsfiddle.net/n5mqryrj/7/ – 2014-12-02 11:26:31

独特的问题我看到的是你的错误路径中包含“jquery.js”。 – Ismael 2014-12-02 11:32:51

即使世界没有你的代码错误。我们都是从某处开始的，其中一些建议有误导性

如果您还没有意识到，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)}

注意，我m使用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保存到一个文件（或任何地方，你保存的 - 你 - code.html ）

伊夫注意到，一些建议，说你应该包括jQuery的在标签和，尽管这会工作，其认为是最佳做法在页面底部的原因，我不会进入这里保持脚本。

因此，这应该为你（浏览器扩展的irregardless）工作：

<!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>

好运。

来源

2014-12-02 11:47:48

谢谢。这是深刻的，正是我所需要的。如果可以的话，我会赞成。 – interestinall 2014-12-02 12:02:59

不用担心。乐于帮助 ;） – 2014-12-03 14:04:53

您使用了错误的URL到jquery。 http://fiddle.jshell.net/_display/jquery.js给出了404错误。

尝试使用绝对URI或从框架&扩展菜单中选取库。

来源

2014-12-02 11:24:48 Quentin

你没有在你的项目中包含jquery。在

https://code.jquery.com/

来源

2014-12-02 11:26:56

此行

<script src="jquery.js"></script>

改变这一行

<script src="https://code.jquery.com/jquery-1.11.1.min.js" ></script>

或任何其他版本你有没有包含在您的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>

来源

2014-12-02 11:27:33

尝试与

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

更换

<a href="http://jquery.com/">jQuery</a>

或者从jQuery.com下载jQuery的脚本文件，本地存储它并使用一个。

来源

2014-12-02 11:28:00 Ferret

这里是一个工作示例 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(); 
    }); 
});

来源

2014-12-02 11:28:50 user3811714

更新您的提琴。您无需在您的HTML中单独包含JQuery。它已经出现在您左侧的选择中。您的代码现在可用。

http://jsfiddle.net/n5mqryrj/8/

新增ready功能在script部分：

$(document).ready(function() { 
    $("a").click(function(event) { 
     alert("The link will no longer take you to jquery.com"); 
     event.preventDefault(); 
    }); 
});

来源

2014-12-02 11:29:42 ArinCool

你如何获得javascript/jquery的工作？

回答

相关问题