Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript .join()函数无法在jQuery中加载和定义_Javascript_Jquery_Wordpress_Conflict - Fatal编程技术网

Javascript .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,但它并没有使其

以下是网址: 我英语不好的第一个借口,我想在我的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>