Question

编辑：感谢大家的建议。由于你的帮助，我已经把它弄平了！

我在codechool / 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>

它对我不起作用。有人可以解释原因，并告诉我如何让它工作？非常感谢！

Answer 1

您的项目中没有包含jquery。改变这一行

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

到这一行

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

或

中的任何其他版本

https://code.jquery.com/

Answer 2

您的代码没有任何问题。我们都是从某个地方开始的，其中一些建议是误导性的

如果你还没有意识到，jQuery是一个综合的库，它使复杂的javascript开发更简单。重要的是要注意，使用本机javascript可以实现使用jQuery所做的一切，只需要一点点小工具，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相同（或者在任何地方） - 保存-您-code.html）

我已经注意到一些建议说你应该在标签中包含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>

祝你好运。

Answer 3

您使用了错误的网址来进行jquery。 http://fiddle.jshell.net/_display/jquery.js出现404错误。

尝试使用绝对URI或从Frameworks＆amp;中选择库。扩展菜单。

Answer 4

您尚未正确包含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>

Answer 5

尝试替换

<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，将其存储在本地并使用它。

Answer 6

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

Answer 7

更新了你的小提琴。您不需要在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();
    });
});

你如何让javascript / jquery工作？

7 个答案: