小型JavaScript悬停滑块图片库无法在Firefox中运行

时间:2012-04-05 14:19:54

标签: javascript jquery events mouse

我最近为我过去半年不间断工作的网站的图片部分找到了完美的迷你剧本。我有它的工作,但显然在Firefox中它不想玩得很好。甚至更奇怪的是我玩了一下;我的所有参考文献都很好,但事情不会再做我说的了。另一个奇怪的是我搜索谷歌的一些代码,再次找到它(检查它),你不知道:那个化身在WebKit上完美运行,甚至在Firefox上运行完美!我准备把头发拉出来,所以,任何帮助都表示赞赏。顺便说一下,有问题的脚本会在DIV结束时动态加载。我的网站(图片部分):http://www.elemovements.com/pictures和副本:http://www.gmcbryde.com/。这里是代码,只是为了好的衡量标准(你可以在http://el.x10.mx/js/logic/pictures.js找到未经证实的[你只需关注自己的前40-50行左右]):

if ( $('div.highslide-gallery').length ) {

    $( function() {

        var $Div = $('div.highslide-gallery'),
            $Ul = $('ul.horiz-list'),
            $UlPadding = 0;

        $Ul.width(9000);
        $Div.width( $Div.parent().parent().width() - 26 );

        var $DivWidth = $Div.width();

        $Div.css( {overflow: 'hidden'} );

        var lastLi = $Ul.find('li:last-child');

        $Div.mousemove(function(e){

            var $UlWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + $UlPadding; 

            var left = (e.pageX - $Div.offset().left) * ($UlWidth-$DivWidth) / $DivWidth;

            $Div.scrollLeft(left);

        } );

    } );

}

我遇到的问题是DIV不会在Firefox中移动。在WebKit中,它按预期工作,但在好的'Mozilla中发生的一切都是mousemove()事件被触发。我感谢任何人的帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

我只记得Firefox需要元素的初始宽度,而且在我第一次报废之后,我忘了再次包含我的CSS。这一切都有所不同。不管怎样,谢谢!