jQuery可排序成功警报

我有一个

sortable

堆栈，作为一个游戏创意，它需要按字母顺序排列。 我试图做的是，一旦用户将最后一个元素（在本例中为“斑马”）拉入最后一个位置，就会向用户弹出一个成功警报或确认弹出窗口

这是jfiddle：

有谁能告诉我如何设置，这样当用户将斑马拉入最后一个框时，就会出现一个警报告诉他们成功了，等等

如果你有任何其他的想法，以更好地实施这一点，请让我知道

<p>In the boxes below, sort  by alphabetical order</p>
        <ul id="sortable">  
            <li class="ui-state-default">Aardvark</li> 
            <li class="ui-state-default">Cat</li> 
            <li class="ui-state-default">Dog</li>  
            <li class="ui-state-default">Giraffe</li>  
            <li class="ui-state-default">Horse</li> 
            <li class="ui-state-default">Monkey</li>  
            <li class="ui-state-default">Panda</li>
            <li class="ui-state-default">Zebra</li>
         </ul> 


$(function() {
    $( "#sortable" ).sortable({

    });
});

$(function() {
    $(function() {
        $('#sortable').randomize('.ui-state-default');
    });
});


(function($) {
    $.fn.randomize = function(childElem) {
        return this.each(function() {
            var $this = $(this);
            var elems = $this.children(childElem);

            elems.sort(function() { return (Math.round(Math.random())-0.5); });  

            $this.remove(childElem);  

            for(var i=0; i < elems.length; i++)
                $this.append(elems[i]);      
            });    
        }
})(jQuery);

在下面的框中，按字母顺序排序


Aardvark

猫
狗
长颈鹿
马
猴子
熊猫
斑马线

$（函数（）{
$（“#可排序”）。可排序({
});
});
$（函数（）{
$（函数（）{
$（“#可排序”）.randomize（“.ui状态默认值”）；
});
});
（函数（$）{
$.fn.randomize=函数（childElem）{
返回此值。每个（函数（）{
var$this=$（this）；
var elems=$this.children（childElem）；
sort（函数（）{return（Math.round（Math.random（））-0.5）；}）；
$this.remove（childElem）；
对于（变量i=0；i

在可排序选项中，添加一个停止处理程序，并将逻辑放在那里：

$( "#sortable" ).sortable({
  stop: function(event, ui) {
      //check if this element is the last li
      //if so, check that it is your defined answer
  }
});

---

我会检查每一种，看看整个清单是否有序。仅仅检查最后一个元素似乎还不够

$（“#可排序”）.sortable({
停止：功能（事件、用户界面）{
var inoorder=true，
$kids=$（ui.item）.parent（）.children（），
电流=零；
$（$kids）.每个（函数（）{
如果（当前）{
如果（$（this）.text（）<当前值）{
顺序=假；
返回；
}
}
当前=$（this.text（）；
});
如果（按顺序）发出警报（“YIPPE”）；
}
});
$.fn.randomize=函数（childElem）{
返回此。每个（函数（）{
var$this=$（this）；
var elems=$this.children（childElem）；
元素排序（函数（）{
return（Math.round（Math.random（））-0.5）；
});
$this.remove（childElem）；
对于（变量i=0；i

$("#sortable").sortable({
    stop: function( event, ui ) {
        var inorder = true,
            $kids =  $(ui.item).parent().children(),
            current = null;
        $($kids).each(function() {
            if (current) {
                if ($(this).text() < current) {
                    inorder = false;
                    return;
                }
            }
            current = $(this).text();
        });

       if (inorder) alert('Yippee');
    }
});

$.fn.randomize = function (childElem) {
    return this.each(function () {
        var $this = $(this);
        var elems = $this.children(childElem);

        elems.sort(function () {
            return (Math.round(Math.random()) - 0.5);
        });

        $this.remove(childElem);

        for (var i = 0; i < elems.length; i++)
            $this.append(elems[i]);

    });
}

$(function () {
    $('#sortable').randomize('.ui-state-default');
});