Question

我不明白为什么这个简单的jQuery代码不会在我的浏览器中加载。这个简单的代码应该显示可以关闭的角落框。我认为代码还可以，但似乎jQuery没有正确加载。提前谢谢。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
        .kutija{
            display: none;
            border: 2px solid red;
            height: 200px;
            width = 200px;
            position: absolute;
            bottom: 0;
            right: 0;
        }
        .close{
            background-color: coral;
            position: absolute;
            top: 0;
            right: 0;
            height: 25px;
            width: 25px;
            text-align: center;
        }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js">
     $(document).ready(function(){
        $(".close").click(function(){
            $(".kutija").fadeOut;
        });   
        $(".kutija").delay(2000).slideDown(1000);
     });
    </script>
</head>
    <body>
        <div class="kutija">
       <div class="close">
           X
        </div>
        <div>
            Da li vam je potrebna pomoc?
        </div>
        </div>
    </body>
</html>

Answer 1

fadeOut是一种方法

 $(".kutija").fadeOut();

还为内容保留单独的脚本标记，并为下载jquery

分开

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
     $(document).ready(function(){
        $(".close").click(function(){
            $(".kutija").fadeOut();
        });   
        $(".kutija").delay(2000).slideDown(1000);
     });
</script>

根据spec

如果src具有URI值，则用户代理必须忽略该元素内容并通过URI检索脚本。

Answer 2

您使用脚本代码的方式是prohibited in HTML 5。

根据HTML4 specification If the src has a URI value, user agents must ignore the element's contents and retrieve the script via the URI。

这就是你的剧本被忽略的原因＆＃34;。

另外，fadeOut()是一种方法，正如其他人所指出的那样。

Answer 3

请在单独的＆lt;中编写JQuery代码脚本语言=＆＃34; javascript＆＃34; ＆gt; ......低于＆lt; script src =＆＃34; https：//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"＆gt;

并更改$（＆＃34; .kutija＆＃34;）。fadeOut; ===＆GT; $（＆＃34; .kutija＆＃34）。淡出（）;

为什么这个简单的jQuery代码不起作用？

3 个答案: