我有一個問題，使用jquery droppoble

我可以拖動內容，但我無法將內容放入td。請幫助我。如果從列表中拖動內容並放入td，則丟棄的警報將不會到來。我有一個問題，使用jquery droppoble

我的jQuery：

$(".items").draggable({helper: 'clone'});  
    $(".droparea").droppable({ 
     accept: '.items', 
     drop: function(){ 
      alert('dropped') 

     } 

     });

這裏拖動從列表中的內容。

<div class="listOfTeacher fl"> 
<ul> 
<li class="items" id="1">Teacher1</li> 
<li class="items" id="2">Teacher2</li> 
<li class="items" id="3">Teacher3</li> 
<li class="items" id="4">Teacher4</li> 
</ul> 
</div>

在這裏，我必須將內容放到TD

<table border="0" width="400" id="table" style=""> 
<tbody> 
<tr id="aa"> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
</tr> 
</tbody></table>

來源

2011-07-12 Mr.T.K

警報後沒有半分號。當然不是那個？ –

@Mark：分號語句終結符在JavaScript中實際上是可選的。 –

您的代碼爲我工作。你確定jquery.droppable lib已加載嗎？表格邊界= 0也可以。

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery-ui.js"></script> 
<script type="text/javascript"> 
$().ready(function() { 
    $(".items").draggable({helper: 'clone'});  
    $(".droparea").droppable({ 
     accept: '.items', 
     drop: function(){ 
      alert('dropped') 
     } 
    }); 
}); 
</script> 
</head> 
<body> 

<div class="listOfTeacher fl"> 
<ul> 
<li class="items" id="1">Teacher1</li> 
<li class="items" id="2">Teacher2</li> 
<li class="items" id="3">Teacher3</li> 
<li class="items" id="4">Teacher4</li> 
</ul> 
</div> 

<table border="1" width="400" id="table" style=""> 
<tbody> 
<tr id="aa"> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
<td class="droparea br">&nbsp;</td> 
</tr> 
</tbody></table> 

</body> 
</html>

來源

2011-07-12 09:21:37 ink

是的，我加載了這個：ui.droppable.js。但不適合我。還有一件事。我已經創建了動態表，所以有任何問題。 –

檢查您的jQuery代碼在表創建後執行。如果你需要多次使用和動態創建/刪除表等，你必須編寫函數，在每次創建新表時在表上初始化可拖動和可拖放的事件。並且不要忘記解綁事件以避免雙重調用此事件。 – ink

我有一個問題，使用jquery droppoble

回答

相關問題