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

时间:2014-08-11 03:51:13

标签: javascript jquery html css jquery-ui

好的,所以我是新人,我正在靠墙打我的头!

首先,这是我的小提琴: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"
});

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

任何帮助都将不胜感激!!

1 个答案:

答案 0 :(得分:1)

我想知道这是不是你想要的

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

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