0

我最近为我在过去半年里一直在不停地工作的网站的图片部分找到了完美的迷你脚本。我让它工作，但显然在 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()事件被触发。我感谢任何人的帮助。谢谢你。

4

1 回答 1

0

我只记得 Firefox 需要元素的初始宽度，而在我第一次废弃它之后，我忘记了再次包含我为它准备的 CSS。这让一切变得不同。不管怎么说，还是要谢谢你！

于 2012-04-05T16:13:40.797 回答