Jquery Sortable不會在更新時提示「訂單」

這應該是直接的，但是我很難提醒我的可排序列表的順序。Jquery Sortable不會在更新時提示「訂單」

下面是我用我的jQuery代碼：

$(document).ready(function() { 
    $("#projectItems").sortable({ 
     update : function(event, ui) { 
      var order = $(this).sortable('toArray').toString(); 
      alert(order); 

     } 
    }); 
});

，這裏是我的我的名單的HTML：

<ul id="projectItems"> 
        <li id="item1" value="<?php echo $studentChoice1; ?>">(1) <?php echo $title[1]; ?><a href='#message1' onclick='deleteProject(".$studentChoice1.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li> 
        <li id="item2" value="<?php echo $studentChoice2; ?>">(2) <?php echo $title[2]; ?><a href='#message1' onclick='deleteProject(".$studentChoice2.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li> 
        <li id="item3" value="<?php echo $studentChoice3; ?>">(3) <?php echo $title[3]; ?><a href='#message1' onclick='deleteProject(".$studentChoice3.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li> 
        <li id="item4" value="<?php echo $studentChoice4; ?>">(4) <?php echo $title[4]; ?><a href='#message1' onclick='deleteProject(".$studentChoice4.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li> 
        <li id="item5" value="<?php echo $studentChoice5; ?>">(5) <?php echo $title[5]; ?><a href='#message1' onclick='deleteProject(".$studentChoice5.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li> 
</ul>

名單排序和作品，但是當用戶完成排序項目它根本不顯示警報消息。

任何幫助在這裏將不勝感激，因爲我一直堅持這幾天，現在似乎無法找到一個解決方案在線。

UPDATE 這個問題似乎是與引用的jQuery

我使用jQuery的最新版本是1.7.1，從谷歌的CDN喜歡在我的腳本下面引用：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

然而，當我將其更改爲：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

它根本不起作用！

此外，當我嘗試像下面的參考它說有一個jQuery的參考錯誤！

<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" href="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" href="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

我不知道如何解決這個問題，因爲它似乎對其他人都很好！任何幫助在這裏將不勝感激。

來源

2013-02-27 Zanmato

完美工作http://jsfiddle.net/aeNke/ – 2013-02-27 12:41:32

它工作正常，檢查這裏：http://jsfiddle.net/DHJb7/

$(document).ready(function() { 
$("#projectItems").sortable({ 
    update : function(event, ui) { 
     var order = $(this).sortable('toArray').toString(); 
     alert(order); 
    } 
}); 
});

我想你忘了，包括jQuery的或jQueryUI的庫。如果您已經包含它們，請檢查這些庫的版本。

推薦版本： 1.9.1的jQuery和1.9.2 jQueryUI的

<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" href="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" href="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

來源

2013-02-27 12:34:05

嗨，感謝您的快速回復，我認爲這是我的問題。我正在像這樣引用jquery：我該如何引用jquery ui辦法？ – Zanmato 2013-02-27 12:44:43

我編輯了帖子，查看了兩個腳本 – 2013-02-27 12:58:32

再次感謝您的更新。這仍然不適合我，現在我有1.9.1版本的jquery而不是1.7.1列表不再可排序！我真的在這裏失去了爲什麼它不能正常工作。 – Zanmato 2013-02-27 13:03:29

看看這個fiddle鏈接，它爲我工作的罰款。

  $("#projectItems").sortable({ 
       update: function (event, ui) { 
        var order = $(this).sortable('toArray').toString(); 
        alert(order); 

       } 
      });

我希望這會幫助你更多。

來源

2013-02-27 12:36:55 karthik

IT應該工作。添加jquery ui和jquery庫。只需清楚您需要更改項目的位置（通過拖放）來調用您所需的功能（更新）。

來源

2013-02-27 12:37:06 ZKK

Jquery Sortable不會在更新時提示「訂單」

回答

相關問題