如何在Jquery Sortable Widget中限制Items拖动

时间:2016-11-01 08:53:05

标签: jquery

我正在使用jQuery connectedSortable小部件。 这工作正常,我可以将元素从table1拖到表2,反之亦然。

是否可以限制将项目从表1仅拖动到表2 而不是从(表2到表1)拖动

这是我的代码

$(document).ready(function()
{
        var startTable = "table1";
        var startTable2 = "table2";
        $("tbody.connectedSortable").sortable(
        {
                connectWith: ".connectedSortable",
                items: "> tr:not(:first)",
                helper: "clone",
                cursor: "move",
                zIndex: 999990,
                start: function(event, ui)
                {
                        var start_pos = ui.item.index();
                        ui.item.data('start_pos', start_pos);
                },
                receive: function(event, ui)
                {
                        var video_id = $(ui.item).attr('video-id')
                        var checkerval = checkifVideoExists(ui.item[0], video_id);
                        if (checkerval)
                        {
                                $(ui.sender).sortable('cancel');
                        }

                }
        });
});


function checkifVideoExists(elem, videoid)
{
        var flag = false;
        $('.mytable2 > tbody  > tr').each(function()
        {
                if (elem != this && $(this).attr('video-id') == videoid)
                {
                        flag = true;
                        return false;
                }
                else
                {
                        return true;
                }
        });
        return flag;
}

https://jsfiddle.net/Lphf43wd/22/

0 个答案:

没有答案