2014-09-25 49 views
0

我似乎无法得到的jQuery或jQuery UI的工作 这是我的代码:我不能得到的jQuery或jQuery UI的工作

参考文件:我想

<script scr="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

代码执行:

//Welcome message fading away 
     (document).ready(function(){ 
      $("#welcome").click(function() { 
       $("p").fadeOut("slow", function() { 
        //animation is complete 
       }); 
      }); 
     }); 

HTML代码

<div class="JSContent"> 
       <p id="welcome">Hello, this is a test<br> Click me to make me go away.</p> 
      </div> 

任何帮助都会很棒!

+0

我jQuery的使用加载:另外,(document).ready(function(){应该是$(document).ready(function(){ – 2014-09-25 01:14:51

+0

)只是一个小费...使用“吨他的“你可以在哪里......例如:$(document).ready(function(){(”#welcome“).click(function(){(this).fadeOut(”slow“,function (){ //动画完成 }); }); }); – 2014-09-25 01:16:21

回答

4

你的jQuery代码是错误的。您的代码开始处缺少$。 (或者只是错字错误)

见小提琴here

+0

这是如何得到3 upvotes?不要试图成为一个混蛋,但我的一些答案有10-20行代码,并且字面上只有1分号丢失(并且在其他方​​面是正确的),我至少得到2个downvotes ....这只是用jQuery调用jQuery别名....谷歌会回答这一点 – 2014-09-25 01:18:27

0

就试试这个:

$("#welcome").click(function() { 
    $("p").fadeOut("slow", function() { 
     //animation is complete 
    }); 
}); 

请记住,这个脚本必须低于你这样的代码:

<div id="welcome">Click Me</div> 
<p>Fade me out</p> 

<script type="text/javascript"> 
$("#welcome").click(function() { 
    $("p").fadeOut("slow", function() { 
     //animation is complete 
    }); 
}); 
</script> 

这里是JSFiddle

0
<script scr="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> 
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

<script> 

//Welcome message fading away 

$(document).ready(function(){ 
     $("#welcome").click(function() { 
      $("p").fadeOut("slow", function() { 
       //animation is complete 
      }); 
     }); 
    }); 

</script> 
0

jQuery API通过$函数进行通用访问。对于您的示例,您需要用实际调用jQuery API来替换您调用文档就绪函数的位置。目前,您并未在文档对象上调用任何内容,而是通过扩展来改为访问不存在的document.ready函数。

即取代:

(document).ready(function(){ 
... 

与:

$(document).ready(function(){ 
... 

有关详细信息,跳进jQuery Docs