以下是网址:http://itsun.ir/test/ 我的坏英语的第一个借口,我想为我的wordpress主题添加拖放布局, 一切似乎都很好,但是当li元素移动到其他列时,javascript应该创建一个cookie并保存新位置以便在其他时间加载,但是它无法正常工作, 当我在chrome浏览器中的inspect元素中打开资源选项卡并将li sortable item移动到另一列时,在资源面板中出现一个错误,说:[uncaught typeerror:Object#没有方法'join'],我更新了jquery但是它没有使它正确,有人可以帮助我以正确的方式写这个吗???
<script type="text/javascript">
$(document).ready(function(){
// Get items
function getItems(id)
{
return $('#' + id + '-list').sortable('toArray').join(',');
未捕获的TypeError:对象#没有方法'join'
}
// Load items from cookie
function loadItemsFromCookie(name)
{
if ( $.cookie(name) != null )
{
renderItems($.cookie(name),"wrapp");
}
else
{
alert('Cookie "' + name + '" is not set');
}
}
// Render items
function renderItems(id, itemStr)
{
var list = $('#' + id + '-list');
var items = itemStr.split(',')
for ( var i in items )
{
html = '<li class="sortable-item';
if ( id == 'wrapp' )
{
html += ' columns';
}
html += '" id="' + items[i] + '"><div class="loader"></div></li>';
list.append(html);
// Load html file
$('#' + items[i]).load('content/' + items[i] + '.html');
}
}
// Load items from cookie or defaults
var defaults = [];
defaults['splash'] = 'rightc,centerc,leftc';
var splashSource = ( $.cookie('splash-cookie') == null ) ? defaults['splash'] : $.cookie('splash-cookie');
renderItems('splash', splashSource);
// Splash (top)
$('#wrapp .sortable-list').sortable({
forceHelperSize: true,
forcePlaceholderSize: true,
handle: '.label',
containment: '#wrapper',
opacity: 0.8,
placeholder: 'placeholder',
connectWith: '#wrapper .sortable-list',
update: function(){
$.cookie('splash-cookie', getItems('splash'));
}
});
});
</script>