小型JavaScript懸停滑塊圖片庫在Firefox中不可用

我最近在過去半年中一直致力於網站的圖片部分找到了完美的迷你腳本。我有它的工作，但顯然在Firefox它不想打得好。更奇怪的是我玩了一下，我所有的參考文獻都很好，但這件事不會做我現在說的話。另一個奇怪的是，我搜索了Google的一些代碼，再次找到它（檢查它），並且你不知道：該化身在WebKit上完美運行，甚至在Firefox上完美運行！我即將拉出我的頭髮，所以，任何幫助表示讚賞。順便說一句，有問題的腳本會被動態加載到DIV的末尾。我的網站（圖片部分）：http://www.elemovements.com/pictures和複製品：http://www.gmcbryde.com/。下面是代碼，還有，只是爲了好措施（你可以在http://el.x10.mx/js/logic/pictures.js找到unminified [你只需要與第40-50行左右關心自己）：小型JavaScript懸停滑塊圖片庫在Firefox中不可用

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上，事件被解僱了。我感謝任何人的幫助。謝謝。

來源

2012-04-05 Gabriel Ryan Nahmias

問題標題說「不適用於Safari」，但這個問題本身似乎說，它是你遇到問題的Firefox。這是什麼？ – Pointy 2012-04-05 14:29:54

你也可能想要描述什麼是不工作，以及在什麼情況下，等等。 – Pointy 2012-04-05 14:30:37

這對我來說是非常愚蠢的。謝謝你指出。我提醒;我剛醒來，有點......「累了。」 – 2012-04-05 14:34:58

我只記得Firefox需要元素的初始寬度，而且我忘記了在我第一次報廢之後再次包含了我爲它準備的CSS。這使所有的差異。不管怎麼說，還是要謝謝你！

來源

2012-04-05 16:13:40

小型JavaScript懸停滑塊圖片庫在Firefox中不可用

回答

相關問題