2014-09-25 59 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