如何让javascript/jquery工作？_Javascript_Jquery_Html

如何让javascript/jquery工作？

javascript jquery html

如何让javascript/jquery工作？,javascript,jquery,html,Javascript,Jquery,Html,编辑：谢谢大家的建议。多亏了你的帮助，我把它收拾好了我正在做关于codeschool/codeacademy的javascript/jquery教程，那里一切似乎都很顺利。但是当我尝试自己做一些事情时，我无法让javascript真正触发。我试过chrome和firefox。我禁用了所有插件扩展。必须是一个简单的问题，请帮助以下代码是我从jquery（）剪切和粘贴的以下是指向JSFIDLE的链接：演示 $（文档）.ready（函数（）{ $（“a”）。单击（函数（事件）{ 警告（“该链

编辑：谢谢大家的建议。多亏了你的帮助，我把它收拾好了

我正在做关于codeschool/codeacademy的javascript/jquery教程，那里一切似乎都很顺利。但是当我尝试自己做一些事情时，我无法让javascript真正触发。我试过chrome和firefox。我禁用了所有插件扩展。必须是一个简单的问题，请帮助

以下代码是我从jquery（）剪切和粘贴的

以下是指向JSFIDLE的链接：


演示
$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
警告（“该链接将不再带您访问jquery.com”）；
event.preventDefault（）；
});
});

这对我不起作用。有人能解释一下原因并告诉我如何让它工作吗？非常感谢

您对jquery使用了错误的URL<代码>http://fiddle.jshell.net/_display/jquery.js给出一个404错误

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

您的项目中没有包含jquery。换行

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

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

这条线

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


演示
$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
警告（“该链接将不再带您访问jquery.com”）；
event.preventDefault（）；
});
});

尝试更换

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

与

或者从jQuery.com下载jQuery脚本文件，将其存储在本地并使用该文件。

下面是一个工作示例


$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
警告（“该链接将不再带您访问jquery.com”）；
event.preventDefault（）；
});
});

更新了您的小提琴。您不需要在HTML中单独包含JQuery。它已经出现在左侧供您选择。你的代码现在可以工作了

在

script

部分添加了

ready

功能：

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

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

如果您还不知道，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>

请注意，我使用的是

src=”https://code.jquery.com/jquery-1.11.1.min.js“

获取脚本的源代码。您可以根据脚本使用

src=“jquery.js”

，但这意味着您需要将的内容保存到一个名为jquery.js的文件中，该文件的级别与index.html（或保存code.html的位置）相同

我注意到一些建议说你应该在标签中包含jQuery，尽管这会起作用，但它被认为是最好的做法，将脚本放在页面底部，原因我不在这里讨论

因此，这应该适合您（不考虑浏览器扩展）：


演示
$（文档）.ready（函数（）{
$（“a”）。单击（函数（事件）{
警告（“该链接将不再带您访问jquery.com”）；
event.preventDefault（）；
});
});

祝你好运。

尝试调试网站时，请考虑打开控制台。。。我想看看网络标签工作得很好，只是添加了url检查检查“jquery.js”的路径代码似乎是正确的。我看到的唯一问题是你在错误的路径中包含了“jquery.js”。谢谢。这是深刻的，正是我所需要的。如果可以的话，我会投赞成票的。不用担心。很乐意帮忙；）

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

function (a,b){return new m.fn.init(a,b)}

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