Question

我已下载了1.11.3.min.js文件并将其放在我保存HTML和脚本文件的同一文件中。在编写这段代码之前，我已经练习了很多jQuery，那些时候我已经成功了，但这次我无法运行它。

HTML

<!DOCTYPE html>    
     <head>  
     <!---<script type="text/javascript" src="image.js"></script---->

    <script src="jquery-1.11.3.min.js"></script>
     <script src="jquery.js"></script>
     <!---<link rel="stylesheet" type="text/css" href="image.css">---->
     </head>
     <body onload="slideimage()">


      <img src="1.jpg" id="slide" width="400px" height="400px"/>

      <div id="button">
    `enter code here`<button onclick="change_image()" />1</button>
    </div>

     </body>
     </html>

的jQuery

 $document.ready(function(){
    $("#slide").click(function(){

        $(this).slideUp(400);

    });
 });

我已经下载了1.11.3.min.js文件并放入了我保存HTML和脚本文件的相同文件。在编写此代码之前，我已经练习了很多jQuery，那些时间我已经成功了。但是这个我无法运行的时间。

Answer 1

只需替换此行代码

$document.ready(function(){

这一行

$(document).ready(function(){

您没有在document

周围添加括号

Answer 2

可能你想要这样做：

$(document).ready(function(){

    $("#slide").click(function(){

        $(this).slideUp(400);

    });


});

Answer 3

首先，我建议将CDN用于jQuery（加载时间更短），可以找到here

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

然后，您忘了结束自己的功能，而忘记()周围的document 你的脚本应该是这样的：

$(document).ready(function() {

    $("#slide").click(function() {

        $(this).slideUp(400);

    });
});

无法使用jQuery slideUp div

3 个答案: