Jquery可排序更新事件只能调用一次?

时间:2010-06-23 11:26:35

标签: jquery draggable jquery-ui-sortable

我正在尝试使用Jquery& amp; PHP的。我没问题。我的问题是,当调用update事件时,它返回2个结果。拖动父项的1个结果,Dropped Parent的一个结果。我想只打电话给父母的身份。这是我的剧本:

$("#gallery ul").sortable({
    connectWith: '.dropBox',
    opacity: 0.35,
    scroll: true, 
    scrollSensitivity: 100,
    //handle: '.move',
    helper: 'clone',
    containment:'#gallery',
    accept:'#gallery > .photo',
    revert: true,
    update: function(event, ui){
        params = 'c=' + $(this).attr('id') + '&id=' + ui.item.attr('id');

        $.ajax({
            type: 'POST',
            url: 'processData.php',
            data: params,
            error:function(){
                alert("Error!");
            },
            success:function(data){
                $("#serverResponse").html(data);
            }
        });
    }
}).disableSelection();

你能帮帮我们吗?

4 个答案:

答案 0 :(得分:7)

使用updatestopreceive个事件,例如

$(function() {
    position_updated = false; //flag bit

    $(".sortable").sortable({
        connectWith: ".sortable",

        update: function(event, ui) {
            position_updated = !ui.sender; //if no sender, set sortWithin flag to true
        },

        stop: function(event, ui) {
            if (position_updated) {

                //code

                position_updated = false;
            }
        },

        receive: function(event, ui) {
            // code
        }

    }).disableSelection();
});

答案 1 :(得分:3)

ui.sender仅存在于第二个回调中。

$(".sortable").sortable({
    connectWith: ".sortable",
    update: function (evt, ui) {
        // just ignore the second callback
        if(ui.sender == null){
            // call ajax here
        }
    },
    receive: function (evt, ui) {
        // called after the first 'update'
        // and before the second 'update'
        // ui.sender is always exists here
    }
}).disableSelection();

答案 2 :(得分:1)

您应该尝试使用sortable不同的事件

  • 启动
  • 排序
  • 变化
  • beforeStop
  • 停止
  • 更新
  • 接收
  • 除去
  • 激活
  • 停用

我很确定其中一个会是你的答案。

来源:http://jqueryui.com/demos/sortable/#event-change

答案 3 :(得分:0)

这样做:

<script>
//when you mouse over, change the text
$('#thisTitle').mouseover(function(){
  $(this).text('anythiny you want');
});
//when you mouse out, change it again to original (or anything)
$('#thisTitle').mouseout(function(){
  $(this).text('Veoleth Dathgir');
}); 
</script>