jQuery函数在CDN脚本标记内没有按预期运行

时间:2015-11-17 18:49:31

标签: javascript jquery

这是代码。我已经超过了Arch Linux,如果这是一件很重要的事情......我已经厌倦了尝试不同的图书馆,在本地,从jquery的网站,但它不起作用......

    <!doctype html>
    <html>
    <meta charset="utf-8" />
        <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript">
                $(document).ready(function(){
                    $("#header").hide();
                    $("#header").fadeIn(2000);
                });
            </script>
            <title>1</title>
        </head>
        <body>
            <h1 id="header" align="center">Page content</h1>
            <p align="center">
                Footer
            </p>
        </body>
    </html>

2 个答案:

答案 0 :(得分:3)

将您的jQuery调用和自定义脚本放在单独的标记中。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#header").hide();
        $("#header").fadeIn(2000);
    });
</script>

请注意,使用HTML5时,您无需为JavaScript指定类型。

答案 1 :(得分:2)

使用script标记的错误方法!

确保将jQuery代码正确包装在<script></script>块中。同时关闭所有打开的script块。

这应该有效

<!doctype html>
<html>
<meta charset="utf-8" />
    <head>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

          <script type="text/javascript">
            $(document).ready(function(){
                $("#header").hide();
               $("#header").fadeIn(2000);
            });
        </script>
        <title>1</title>
    </head>
    <body>
        <h1 id="header" align="center">Page content</h1>
        <p align="center">
            Footer
        </p>
    </body>
</html>

工作sample