小型JavaScript悬停滑块图片库在Firefox中不起作用

Small JavaScript Hover Slider Image Gallery Not Working in Firefox

本文关键字:Firefox 不起作用 图片库 JavaScript 悬停 小型      更新时间:2023-09-26

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

我只记得Firefox需要元素的初始宽度,而在我第一次废弃它之后,我忘记了再次包含它的CSS。无论如何,谢谢!