2013-11-21 101 views
0

我有一個簡單的代碼示例來創建一個可排序的列表。 ajax在firefox或chrome(os/x)中都沒有觸發。 Firebug和鉻工具沒有顯示任何錯誤,適用的js文件以正確的順序出現,但將鼠標放在句柄上(或指定句柄之前的行中的任何位置)只給了我一個文本欄,拖動只是突出顯示了文本。Ajax sortable not firing

我已經試過這個使用表格,並使tbody排序,現在,而不是div的。

截至今日,jquery,jquery ui和jquery cookie的版本是每個站點的默認值。

的HTML

<!DOCTYPE html> 
<html> 
<head> 

<script type="text/javascript" src="../js/jquery.min.js"></script> 
<script type="text/javascript" src="../js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="../js/jquery.cookie.js"></script> 
<script type="text/javascript" src="admin-faq.js"></script> 

<title>Admin - FAQ</title> 

<link href="/css/admin-style.css" rel="stylesheet" type="text/css"> 

</head> 

<body id="public"> 
    <div id='faq'> 
    <div id='data'> 
     <div> 
     <div class='handle'>+</div> 
     <div class='q'>test ...ion 1</div> 
     <div class='links'><a title='$q' href='$PHP_SELF?mode=edit&id=$row_array[0]'>edit</a></div> 
     </div> 
     <div> 
     <div class='handle'>+</div> 
     <div class='q'>test ...ion 2</div> 
     <div class='links'><a title='$q' href='$PHP_SELF?mode=edit&id=$row_array[0]'>edit</a></div> 
     </div> 
    </div> 
    </div> 
</body> 
</html> 

管理,faq.js

$('#faq #data').sortable({ 
    containment: "parent", 
    axis: "y", 
    cursor: "move", 
    helper: "clone" 
}); 

回答

0

所需圍繞jQuery的功能包裝。