2012-09-24 31 views
0
<div> 
<ul id="sortable"> 
</ul></div> 
<script> 
    $(document).ready(function(){ 
     // Your code here 
     $("#sortable").sortable(); 
     $('#sortable').sortable("disable"); 
     $("#sortable").disableSelection(); 
    }); 

</script> 

這是我目前在我的html中的代碼。現在這個列表會在用戶填好幾個表單之後動態更新。我使用innerhtml函數將「li」添加到ul中。 然後調用:使用jquery排序的錯誤

$('#sortable').sortable("refresh"); 
$('#sortable').sortable("enable"); 

,使jQuery的排序,但由於某種原因,它不工作。 當我在javascript函數中使用上述兩個函數時,我得到錯誤「sortable不是一個函數。 但是,如果我不使用它,並且不首先禁用排序,沒有任何反應! 任何幫助將理解 感謝!

+1

你導入jQuery UI的離譜與Sortable模塊? –

+0

是的,我沒有導入它,它使用靜態時很好ul – MV23

+0

你看到你在構建UI js時必須檢查「可排序」嗎? –

回答

1

這裏是錯誤

<div> 
<ul id="sortable" 
</ul></div>  ^------missing the closing ">" 

應該

<div> 
<ul id="sortable"> 
</ul></div> 

,並作爲該@nbrooks誤差「可排序不是函數」,似乎不是一個格式錯誤的HTML(雖然這是一個問題)的結果

+0

對不起,我沒有得到你。 如果是關於ID,JQuery官方網站有相同的代碼 – MV23

+1

我很抱歉我在這裏輸入了錯誤! – MV23

+1

錯誤是「可排序不是函數」,似乎不是HTML格式不正確的結果(儘管這是一個問題) – nbrooks

0

「可排序不是函數」錯誤消息沒有歧義地指向可排序庫導入問題:

  • jQuery UI的不進口
  • 「可排序」構建UI庫時沒有檢查
  • 代碼文檔之前執行的準備