JQuery的拖累，下降和排序

我有左邊和右邊欄的表。在cols中，PHP循環中有一些小表（作爲元素）。我想就可以拖放元素由左到右的cols，改變它的山坳本身內的排序。對我來說很難！JQuery的拖累，下降和排序

這裏是我的代碼： HTML部分（左關口，但合適的人是一樣的）

<style> 
.deplace{ 
cursor:move; 
} 
</style> 

<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr> 
<td id="leftMenu" valign="top" style="width:180px;height:800px;border:1px solid black"> 
<?php 

while($rowg = mysql_fetch_assoc($sqlg)){ 

echo '<table width="100%" cellpadding="5" cellspacing="2" 
style="background-color:#CCC;border: 1px solid black;height:100px" 
class="deplace" id="left_'.$rowg['id'].'" modulename="'.modif_nom($rowg['module']).'"  sourceid="'.$rowg['id'].'"> 

echo '<tr><td" align="center" style="width:100%">'.$rowg['module'].'</td></tr>'; 

echo '</table>'; 
} 
?> 
</td></tr></table>

而且JS代碼：

<script language="javascript" type="text/javascript"> 
$(document).ready(function() { // 

$('#leftMenu').Sortable({ 
    //revert: true, 
    accept: 'deplace', 
    axis : 'vertically', 

    onchange: function(event, ui) { 
    serial = $.SortSerialize('leftMenu'); 
    $.ajax ({ 
    url : "xhr.php?source=leftMenu", 
    type : "get", 
    data : serial.hash, 
    success: function(data){alert(data);} 
    }); 

    } 
}); 

$('#rightMenu').Sortable({ 
    //revert: true, 
    accept: 'deplace', 
    axis : 'vertically', 

    onchange: function(event, ui) { 
    serial = $.SortSerialize('rightMenu'); 
    $.ajax ({ 
    url : "xhr.php?source=rightMenu", 
    type : "get", 
    data : serial.hash, 
    success: function(data){alert(data);} 
    }); 

    } 
}); 
//only the functions to move the tables from left to right 
$('#rightMenu').draggable({ 
    revert:false, 
    helper:'original', 

}); 

$('#leftMenu').droppable({ 
    over:function(event, ui){      
    alert('dropped'); 
    } 
}); 
}); 
</script>

所以，這樣，它似乎有一個職能之間的衝突。如果我只讓排序功能，這是確定的，但我不能在接收器山坳做任何事情，我想請求發送到PHP更新MySQL表。

非常感謝您的幫助！

來源

2011-06-24 Renaud63

有你的代碼的幾個問題：

Sortable是小寫
SortSerialize不存在，我想你的意思sortable("serialize")
$('#rightMenu').draggable應改爲$('#rightMenu').children().draggable因爲你想拖動菜單內的元素

也看看jQuery UI Sortable doc了。

來源

2011-06-24 10:02:07

你好，沒有，這些東西都OK。看看這個插件的文檔： [LINK] http://interface.eyecon.ro/docs/sort – Renaud63

@ Renaud63：好的，我沒有得到你在使用接口庫。你能否在你的問題中澄清你正在使用的庫？它是[jQuery用戶界面（http://jqueryui.com/home）或[接口]（http://interface.eyecon.ro/） - 或兩者兼而有之？ –

JQuery的拖累，下降和排序

回答

相關問題