一些jQuery支持的功能无法在Chrome中运行

时间:2010-03-29 10:07:06

标签: javascript jquery python django

我正在使用jCarouselLite插件在我的Django支持的网站的主页上创建两个图片库。带导航箭头的元素代码生成动态如下:

$(document).ready(function ()
{
    $('[jq\\:corner]').each(function(index, item)
    {
        item = $(item); item.corner(item.attr('jq:corner'))
    })

    $('[jq\\:menu]').each(function (index, item)
    {
        item = $(item); item.menu(item.attr('jq:menu'))
    })

    $('[jq\\:carousel]').each(function(index, item)
    {
        item = $(item); var args = item.attr('jq:carousel').split(/\s+/)

        lister = item.parent().attr('class') + '_lister'
        item.parent().append('<div id="'+ lister +'"></div>');

        $('#' + lister).append("<a class='nav left' href='#'></a><a class='nav right' href='#'></a>");

        toparrow = $(item).position().top + $(item).height() - 50;
        widtharrow = $(item).width();

        $('#' + lister).css({
            'display': 'inline-block',
            'z-index': 10,
            'position': 'absolute',
            'margin-left': '-22px',
            'top': toparrow,
            'width': widtharrow
        })

        $('#' + lister + ' .nav.right').css({
            'margin-left': $('#' + lister).width() + 22
        })

        item.jCarouselLite({
            btnNext: '#' + lister + ' .nav.right',
            btnPrev: '#' + lister + ' .nav.left',
            visible: parseInt(args[0])
        })

})

问题是,如果页面是通过网址加载的,在地址栏中输入,则某些功能无法正常工作,第二个图库会显示错误的参数,但如果我来到这里页面通过点击链接 - 一切都很完美。它只发生在谷歌Chrome(Ubuntu,稳定的5.0.360.0),但不发生在Firefox或Opera中。

可能是什么原因?

1 个答案:

答案 0 :(得分:0)

不知道这是否与您的问题相符,但我一直在运行Chrome的开发频道,本周末使用jquery ui 1.8发布按钮插件时遇到了问题。来发现这是一个Chrome错误,更新解决了这个问题。