小型JavaScript悬停滑块图片库在Firefox中不起作用
Small JavaScript Hover Slider Image Gallery Not Working in Firefox
我最近为网站的图片部分找到了完美的迷你脚本,我在过去的半年里一直在不停地工作。我让它工作,但显然在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。无论如何,谢谢!
相关文章:
- 为什么javascript:void(0)在Firefox中不起作用
- jpm的默认Firefox路径没有'不起作用
- 设置 CSS 背景在 Firefox 中不起作用
- document.getElementById 在 Firefox 中不起作用
- firefox中的CSS动画不起作用
- event.stopPropagation()在firefox javascript中不起作用
- 复选框.onClick在firefox中不起作用
- window.close();在Chrome和Firefox中不起作用
- JQuery在Chrome中不起作用,但Firefox很好
- 选择“行在 Chrome 和 Firefox 中不起作用(生成的代码)”
- Javascript 按键事件在 Firefox 中不起作用
- window.dispatchEvent 在 Firefox、Safari 或 IE 中不起作用
- 更改 Angular 2 中选择的事件在 Firefox 和 Edge 中不起作用
- jQuery SlideToggle() 在 FireFox 中不起作用,在 Chrome 中工作
- 动态关键帧插入在 IE 或 Firefox 上不起作用
- 使用 nameProp 的 JQuery 图像滚动更新在 Firefox 和 Chrome 中不起作用
- Javascript键码在Firefox中不起作用,但在chrome中运行良好
- HTML5<视频>元素在Firefox、Opera和Safari中不起作用
- 输入类型的图像在Internet Explorer中不起作用,但在Chrome和Firefox中起作用
- 使用量角器双击在chrome中效果良好,但在firefox中不起作用