jquery拖放功能

Question

iam使用jqury做拖放功能。我得到「可拖動」方法找不到錯誤。 腳本如下

<script src="../Scripts/jquery-1.7.2.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#draggable").draggable({ 
      start: function (event, ui) { 
       // flag to indicate that we want to remove element on drag stop 
       ui.helper.removeMe = true; 
      }, 
      stop: function (event, ui) { 
       // remove draggable if flag is still true 
       // which means it wasn't unset on drop into parent 
       // so dragging stopped outside of parent 
       if (ui.helper.removeMe) { 
        ui.helper.remove(); 
       } 
      }, 
      // move back if dropped into a droppable 
      revert: 'valid' 
     }); 

     $("#droppable").droppable({ 
      drop: function (event, ui) { 
       // unset removeMe flag as child is still inside parent 
       ui.helper.removeMe = false; 
      } 
     }); 
    }); 
</script> 

這是HTML

<div id="droppable" style="border: 1px"> 
    <p id="draggable"> 
     Drag me!</p> 
</div> 

Answer 1

您需要包括jQuery用戶界面（https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui .min.js）。

拖動和拖放功能僅包含在jQuery用戶界面（或其他插件）：http://jqueryui.com/

<script src="../Scripts/jquery-1.7.2.js" type="text/javascript"></script> 
<!-- Include here like --> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script> 
<!-- That's it --> 
<script type="text/javascript"> 
<!-- ... continue --> 

Answer 2

您需要的jQuery用戶界面庫：http://jqueryui.com/demos/draggable/