好吧,我是新手,我正在用头撞墙!
首先这是我的 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"
});
我无法使用从谷歌文档中提取的动态创建的列表来连接相应的列表(灰色)。
如有任何帮助,我们将不胜感激!
最佳答案
不知道这是不是你想要的
$('#player-list , #player-list2').sortable({
连接方式:“.connected”
});
关于javascript - 在动态创建的列表 jquery-ui 上使用 connectWith,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25235620/