Chrome 和 IE 中的 JSON.parse 语法错误

Question

我正在尝试使用 jquery cookie 插件来有效地“记住”由 jscrollpane 插件创建的滚动窗格的位置。

基本上我希望 jscrollpane 查看 cookie 并根据保存的值设置初始水平位置。然后在位置改变时更新 cookie。

我一开始使用数组，但现在使用对象。关键是 div #id，我对其进行编码以反映其显示的帖子类别...这样它将是唯一的。键的值是 jscrollpane 踢出的水平位置。

我认为最好将我想要存储为 cookie 的对象转换为 JSON 字符串，但是当我尝试使用 JSON.parse(cookie) 将其转换回对象时，我在 IE 和 Chrome 中遇到语法错误。

jQuery(function($){

    //load the cookie 
    var cookie = $.cookie('xpos');
    //Load the saved values or a new array if null.

    var xpositions = cookie ? JSON.parse(cookie) : new Object();

    console.log(xpositions);


    // Loop over each scroll-pane
    $( ".scroll-pane" ).each( function( index ){
        $(this).jScrollPane({showArrows: true, autoReinitialise: true}); //initialize jscrollpane
        var api = $(this).data('jsp'); //access jscrollpane api 

        //var catID = parseInt($(this).attr('id').match(/[0-9]+/)); //grab cat_ID which we've stored as part of the div id#
        var catID = $(this).attr('id');

        if( typeof xpositions[catID] != "undefined" ) {
            console.log(catID +" = element exists in array and position = " + xpositions[catID] );
            api.scrollToX(xpositions[catID]); //set scroll-pane position to position saved in cookie
        } 

        $(this).bind('jsp-scroll-x',function(event, scrollPositionX){   //change cookie on scroll event     
            xpositions[catID] = scrollPositionX;
            console.log(catID + " = " + scrollPositionX);

            //set the cookie with array of x-positions, expires after 7 days
            $.cookie('xpos', JSON.stringify(xpositions), { expires: 7, path: '/' });

            }
        );

    }); //end each


});

你可以在这里查看实时版本： http://www.testtrack.tv/

编辑：我也应该提到这似乎可以在我的本地 XAMPP 服务器上运行，但仍然无法正常运行。谢谢！

编辑：为什么在 SO 上发帖似乎给我指明了更好的方向？从那时起，我发现 jookie 插件可以在 cookie 插件因我的对象而失败的情况下正常工作。

http://joncom.be/code/jquery-jookie/

我的新代码是这样的：

// initialise a cookie that lives for 1 week
$.Jookie.Initialise("xposition", 60*24*7);

// Loop over each scroll-pane
$( ".scroll-pane" ).each( function( index ){
    $(this).jScrollPane({showArrows: true, autoReinitialise: true}); //initialize jscrollpane
    var api = $(this).data('jsp'); //access jscrollpane api 

    var catID = $(this).attr('id');

    var xpos = $.Jookie.Get("xposition", catID);
    if(xpos) {
        api.scrollToX(xpos); //set scroll-pane position to position saved in cookie
    }


    $(this).bind('jsp-scroll-x',function(event, scrollPositionX){   //change cookie on scroll event     
        // set a value to the cookie
        $.Jookie.Set("xposition", catID, scrollPositionX);
        }
    );

}); //end each

Answer 1

xpos=%7B%22cat-45%22%3A0%2C%22cat-48%22%3Anull%7D 是我访问您的页面时您设置为我的 cookie 的内容； JSON 解析器无法解析它。你希望它是 xpos={..object stuff here..}。

本质上，如果您无法手动将字符串复制到变量中，解析器就会遇到麻烦。

Answer 2

您尝试过进行评估吗？

if (cookie !== null) {
    var jsoncookie = eval("("+cookie +")"); // $.parseJSON(cookie );
}