文章/答案/技术大牛

发布

社区首页 >问答首页 >html头中的jQuery脚本不工作

问html头中的jQuery脚本不工作
EN

Stack Overflow用户

提问于 2017-04-20 08:42:06

回答 2查看 92关注 0票数 0

我的jQuery在外部文档中工作得很好，但当我把它放在文档的头上时就不行了。下面是代码：

<head>
        <meta charset="utf-8">
        <meta id="myViewport" name="viewport" content="width=device-width, initial-scale=1.0">
        <title>My title</title>
        <link href="css/style.css" rel="stylesheet">
        <link href="css/responsive_styles.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
        <script src="https://use.fontawesome.com/7c396dc5cb.js"></script>
        <script>
            $(document).ready(function(){
                var isChrome = !!window.chrome && !!window.chrome.webstore;
                var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

                if (isChrome){ 
                    $(".welcome-background").css("background-attachment", "scroll");
                    $(".menu-background").css("background-attachment", "scroll");
                    $(".openHours-background").css("background-attachment", "scroll");
                }

                if(iOS){
                    $(".welcome-background").css("background-attachment", "scroll");
                    $(".menu-background").css("background-attachment", "scroll");
                    $(".openHours-background").css("background-attachment", "scroll");
                }
            });   
        </script>
    </head>

html

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-04-20 08:43:16

您还没有包含jQuery库，它应该放在jQuery脚本之前。

<head>
    <meta charset="utf-8">
    <meta id="myViewport" name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My title</title>
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive_styles.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://use.fontawesome.com/7c396dc5cb.js"></script>
    <script>
        $(document).ready(function(){
            var isChrome = !!window.chrome && !!window.chrome.webstore;
            var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

            if (isChrome){ 
                $(".welcome-background").css("background-attachment", "scroll");
                $(".menu-background").css("background-attachment", "scroll");
                $(".openHours-background").css("background-attachment", "scroll");
            }

            if(iOS){
                $(".welcome-background").css("background-attachment", "scroll");
                $(".menu-background").css("background-attachment", "scroll");
                $(".openHours-background").css("background-attachment", "scroll");
            }
        });   
    </script>
</head>

票数 4

Stack Overflow用户

发布于 2017-04-20 08:50:38

您需要先导入jquery，然后再导入javascript代码。

<html>
<head>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script>
    $(document).ready(function(){
      alert('Reece your jQUERY is now ready! :)'); // Check if jquery has been loaded.
    });
  </script>
</head>
<body>

</body>
</html>

这是it..Happy编码！:)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43514447

复制

相似问题

问html头中的jQuery脚本不工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html头中的jQuery脚本不工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html头中的jQuery脚本不工作
EN