Javascript .join()函数无法在jQuery中加载和定义
以下是网址: 我英语不好的第一个借口,我想在我的wordpress主题中添加一个拖放布局, 一切似乎都很好,但当li元素移动到其他列时,javascript应该制作一个cookie并保存新位置以在其他时间加载,但它不能正常工作, 当我在chrome浏览器的inspect元素中打开resources选项卡并将可排序项移动到另一列时,在resources面板中发生了一个错误,错误是:[uncaught typeerror:Object#没有方法“join”],我已经更新了jquery,但它并没有使其正确,有人能帮助我以正确的方式编写它吗Javascript .join()函数无法在jQuery中加载和定义,javascript,jquery,wordpress,conflict,Javascript,Jquery,Wordpress,Conflict,以下是网址: 我英语不好的第一个借口,我想在我的wordpress主题中添加一个拖放布局, 一切似乎都很好,但当li元素移动到其他列时,javascript应该制作一个cookie并保存新位置以在其他时间加载,但它不能正常工作, 当我在chrome浏览器的inspect元素中打开resources选项卡并将可排序项移动到另一列时,在resources面板中发生了一个错误,错误是:[uncaught typeerror:Object#没有方法“join”],我已经更新了jquery,但它并没有使其
<script type="text/javascript">
$(document).ready(function(){
// Get items
function getItems(id)
{
return $('#' + id + '-list').sortable('toArray').join(',');
$(文档).ready(函数(){
//获取项目
函数getItems(id)
{
返回$('#'+id+'-list').sortable('toArray').join(',');
未捕获类型错误:对象没有方法“join”
}
//从cookie加载项目
函数loadItemsFromCookie(名称)
{
如果($.cookie(名称)!=null)
{
renderItems($.cookie(名称),“wrapp”);
}
其他的
{
警报('未设置Cookie'+name+');
}
}
//渲染项目
函数renderItems(id,itemStr)
{
变量列表=$('#'+id+'-list');
var items=itemStr.split(',')
对于(项目中的var i)
{
html=';
list.append(html);
//加载html文件
$('#'+items[i]).load('content/'+items[i]+'.html');
}
}
//从cookie或默认值加载项目
var默认值=[];
默认值['splash']='rightc、centerc、leftc';
var splashSource=($.cookie('splash-cookie')==null)?默认值['splash']:$.cookie('splash-cookie');
renderItems(“飞溅”,飞溅源);
//飞溅(顶部)
$('#wrapp.sortable list')。可排序({
forceHelperSize:对,
大小:true,
句柄:'.label',
包含:“#包装器”,
不透明度:0.8,
占位符:“占位符”,
connectWith:“#包装器.可排序列表”,
更新:函数(){
$.cookie('splash-cookie',getItems('splash');
}
});
});
jQuery没有连接方法,它是本机的Array.join()
,用于连接数组,DOM元素的jQuery集合不是数组。但是我使用了来自此url:的toturial,在该示例中使用了相同的代码,效果很好,你能说我该如何正确地写这篇文章吗?那么你必须联系制作这篇文章的人?sortable('toArray')应该将元素ID序列化到数组中,但似乎您有某种对象,所以您可能做错了什么。我知道有错误,但它在哪里?你猜呢?我应该集中精力在哪里?您的函数正在查找#启动列表
。这与DOM中的任何内容都不匹配,您得到的是一个空的jQuery对象。
}
// 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>