.draggable（）無法正常工作

我正在處理我的項目，不得不使用.draggable（）。我無法使其工作，我不知道什麼是錯的，所以我決定從Codeacademy複製練習，看看它是否可行。它也沒有工作。.draggable（）無法正常工作

我的HTML：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Game Test</title> 
     <link rel='stylesheet' type='text/css' href='art.css' /> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
     <script type="text/javascript" src="script.js"></script> 

    </head> 
    <body> 

     <div id="stayaway"></div> 

    </body> 
</html>

我的CSS：

#stayaway { 
    width: 80px; 
    height: 80px; 
    background-color: blue; 
    position:relative; 
}

我的JS：

$(document).ready(function(){ 
     $("#stayaway").draggable(); 

});

這只是一個基本功能。我不知道這裏有什麼問題。其他功能如fadeOut正在工作。

來源

2016-08-22 K.Yazoglu

一切都很好。你只需要包括jQuery的UI文件了

$(document).ready(function(){ 
     $("#stayaway").draggable(); 

});

Working Fiddle

您可以從here

來源

2016-08-22 08:40:32

下載您需要包括jQuery的UI庫：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

來源

2016-08-22 08:44:03 Setily

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Game Test</title> 
     <link rel='stylesheet' type='text/css' href='art.css' /> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 

     <script type="text/javascript" src="script.js"></script> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
<style> 
#stayaway { 
    width: 80px; 
    height: 80px; 
    background-color: blue; 
    position:relative; 
} 
</style> 
    </head> 
    <body> 

     <div id="stayaway"></div> 

    </body> 

    <script> 
    $(document).ready(function(){ 
     $("#stayaway").draggable(); 

}); 
    </script> 
</html>

來源

2016-08-22 08:45:04 Ray

.draggable（）無法正常工作

回答

相關問題