Question

出于某种原因我只是想检查我的jQuery是否已加载，但是即使脚本中的src文件是一个很好的链接，任何想法它都不起作用？

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo</title>
</head>
<body>
    <a href="http://jquery.com/">jQuery</a>
    <script src="C:\wamp\www\jquery-test\jquery-1.11.3.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 1

从CDN加载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.3.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 jquery-1.11.3.min.js 并且它正在运行。

Answer 2

从CDN加载jQuery而不是计算机上的本地路径。这样，你就不需要运行webserver了。

https://code.jquery.com/jquery-1.11.3.min.js代替C:\wamp\www\jquery-test\jquery-1.11.3.min.js

Answer 3

尝试使用以下代码，因为您正在使用wamp我可以使用此URL http://localhost/jquery-test/jquery-1.11.3.min.js

在您的本地环境中访问jQuery

  <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Demo</title>
    </head>
    <body>
        <a href="http://jquery.com/">jQuery</a>
        <script src="http://localhost/jquery-test/jquery-1.11.3.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>

如果上面的代码不起作用，那么从像

这样的CDN加载jQuery

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

Answer 4

试试这个会起作用，你需要把event.preventDefault（）;在开始。

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

Answer 5

＆＃13;

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

＆＃13;

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

＆＃13;

最简单的jquery测试不起作用

5 个答案: