Inputosaurus Text + jQuery UI 可排序

Question

我正在尝试将 inputosaurus text 与 jquery-ui 可排序插件结合起来，以便我可以重新排序标签并按该顺序提交。

将可排序附加到输入龙列表工作正常，我可以移动标签。但我需要一些方法让 inputosaurus 检测到它们已经移动。如果我在移动标签后提交表单，它们只会按原始顺序提交。

这是我想要完成的一个简单演示，我需要文本框具有列表的更新值

html:

<input type="text" id="tags" name="tags" value="foo,bar,baz">

javascript：

$('#tags').inputosaurus();
$(".inputosaurus-container").sortable({
    update: function( event, ui ) {
        alert( $('#tags').val() );
    }
});

http://jsfiddle.net/75c45jtn/1/

如果有人能帮我解决这个问题，你就是我的英雄！

Answer 1

它可能会有所帮助。试试这个..

$(".inputosaurus-container").sortable({
    update: function( event, ui ) {
        var val="",obj=null;
        var cnt=$('.inputosaurus-container').children('li').length-2;
        while(cnt>0){
            if(cnt!=3){
                val+=',';
                val+=obj.next().find('span').text();
                obj=obj.next();
            }
            else{
                val+=$('.inputosaurus-container').children('li').first().find('span').text();
                obj=$('.inputosaurus-container').children('li').first();
            }
            cnt--;
        }
        $('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').val(val);
        alert($('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').val());
        $('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').inputosaurus();
    }
});

我不是 100% 确定