jQuery bug突然出现在所有版本的网站上

2023年12月28日 179次阅读

我正在开发一个使用jQuery实现一些动画的网站.所有这些都很好,我现在已经完成了网站的这一部分.但不知怎的,我使用
pageslide plugin的菜单已停止工作.动画仍然可以工作,但是不是从左边滑动菜单来显示它的整个宽度,它的宽度是它的两倍.这种情况发生在所有浏览器和设备上,并且昨天肯定没有发生.

我将在本文末尾发布有问题的代码,但实际上我并不认为这与我拥有的任何代码有任何关系.我在构建时一直在使用版本控制,这个bug出现在所有版本上,本地和远程.所以一个远程站点,我没有触及,因为它工作现在不是.

这对我来说,这个网站中的一个文件不是问题.但是,我只有2个链接到该站点的外部文件.第一个是现代化,而禁用则没有区别;第二个是jQuery.我已经尝试将jQuery的版本更改为从1.10到2.0的所有内容,仍然没有任何乐趣.

我现在有点想法了.

这里有一些控制菜单打开的pageslide.js：

// Function that controls opening of the pageslide
function _start( direction, speed ) {
    var slideWidth = $pageslide.outerWidth( true ),
        bodyAnimateIn = {},
        slideAnimateIn = {};

    // If the slide is open or opening, just ignore the call
    if( $pageslide.is(':visible') || _sliding ) return;         
    _sliding = true;

    switch( direction ) {
        case 'left':
            $pageslide.css({ left: 'auto', right: '-' + slideWidth + 'px' });
            bodyAnimateIn['margin-left'] = '-=' + slideWidth;
            slideAnimateIn['right'] = '+=' + slideWidth;
            break;
        default:
            $pageslide.css({ left: '-' + slideWidth + 'px', right: 'auto' });
            bodyAnimateIn['margin-left'] = '+=' + slideWidth;
            slideAnimateIn['left'] = '+=' + slideWidth;
            break;
    }

    // Animate the slide, and attach this slide's settings to the element
    $body.animate(bodyAnimateIn, speed);
    $pageslide.show()
              .animate(slideAnimateIn, speed, function() {
                  _sliding = false;
              });
}

非常感谢任何帮助.

最佳答案 我已经解决了这个问题,虽然,正如我所说,我经历了从1.0到2.0的各种版本的jQuery我没有在1.6和2.0之间包括微版本.例如1.7.测试1.6.1等是我所缺少的,当然是问题所在.其他任何有相同问题的人都应检查所有子发行版.

点赞