javascript - 在动态创建的列表 jquery-ui 上使用 connectWith

Question

好吧，我是新手，我正在用头撞墙!

首先这是我的 fiddle :http://jsfiddle.net/fiddle_me_this/kN272/30/

启动代码:

var myArr = [];
var myStr = "";
var restoreList = [];


$(document).ready(function () {
    //source file = https://spreadsheets.google.com/feeds/list/17T3iZRygAry052J4clYoVnBUz1h_2ZttBY1mDBh7ZEs/od6/public/basic?alt=json-in-script&callback=?

    if (restoreList.length === 0) {

        $(function listPlayers() {

            $.getJSON("https://spreadsheets.google.com/feeds/list/17T3iZRygAry052J4clYoVnBUz1h_2ZttBY1mDBh7ZEs/od6/public/values?alt=json-in-script&callback=?",

            function (data) {
                $.each(data.feed.entry, function (i, entry) {
                    myStr = entry.gsx$player.$t;
                    myArr.push(myStr);
                });

                //store default list data
                localStorage.myJSON = JSON.stringify(myArr);

            });
        });

    } else {

        $('#header').html('Data Exists');

    }

});


restoreList = JSON.parse(localStorage.myJSON);
$('#header').html('Offensive Players');
//just using 10 names for now there's over 200 total
for (var i = 0; i < 10; i++) {
    $('#player-list').append('<li class="player"><span class="name">' + restoreList[i] + '</span></li>');
    if (i === restoreList.length - 1) {
        localStorage.clear();
    }
}

$('#player-list').sortable('refresh');

$('#player-list').sortable({
    connectWith: "ul"
});

我无法使用从谷歌文档中提取的动态创建的列表来连接相应的列表(灰色)。

如有任何帮助，我们将不胜感激!

Answer 1

不知道这是不是你想要的

http://jsfiddle.net/kN272/31/

$('#player-list , #player-list2').sortable({
连接方式:“.connected”
});