Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法使FlexSlider在FireFox中工作_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 无法使FlexSlider在FireFox中工作

Javascript 无法使FlexSlider在FireFox中工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用,它显示了一个非常熟悉的滑动条/旋转木马Jquery库,但是左/右箭头(用于上一张/下一张图像)在Firefox中没有显示 如果您访问,当您将鼠标悬停在图像上时,您将看到左右图标图像(箭头) 要模拟这种情况,请下载zip并将其解压缩。演示文件夹中有一个index.html。打开这个,你就会看到问题;除了这个左箭头和右箭头之外,其他都可以工作。当我将鼠标悬停在滑块上时,它不会显示左/右图像 Firebug告诉我没有错误 它在IE和Chrome中运行良好 我浏览了HTML文件,检查了

我正在尝试使用,它显示了一个非常熟悉的滑动条/旋转木马Jquery库,但是左/右箭头(用于上一张/下一张图像)在Firefox中没有显示

如果您访问,当您将鼠标悬停在图像上时,您将看到左右图标图像(箭头)

要模拟这种情况,请下载zip并将其解压缩。演示文件夹中有一个index.html。打开这个,你就会看到问题;除了这个左箭头和右箭头之外,其他都可以工作。当我将鼠标悬停在滑块上时,它不会显示左/右图像

Firebug告诉我没有错误

它在IE和Chrome中运行良好

我浏览了HTML文件,检查了所有javascript/css/images等链接是否正常工作,它们似乎正常工作

我假设它们对任何人都不起作用,如果是这种情况,我该怎么做才能得到左/右小箭头

编辑

根据评论

如果文档包含US-ASCII范围之外的字符,则在某些浏览器配置中,文档将呈现乱码文本。页面的字符编码必须在文档或传输协议中声明

我的HTML代码是(并且我没有看到任何超出美国范围的ASCII字符)


测试
$(窗口)。加载(函数(){
$('.flexslider').flexslider({
动画:“幻灯片”
});
});

我似乎总是很难使用Jquery,但通常有一种方法是可行的。不要下载他们作为下载提供给您的内容,而是在他们的页面上查看工作示例,并直接复制引用

例如,打开所有CSS文件,并手动保存它们,图像和JS文件也是如此


当我重新保存CSS文件并找到丢失的图形后,它就如预期的那样工作了。但是我不知道为什么/如何在其他浏览器中工作。

问题在于这一行中的flexslider.css

@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexslider-icon.woff') format('woff'),
    url('fonts/flexslider-icon.ttf') format('truetype'),
    url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}


检查文件夹字体的位置。

在我的例子中,这与您在Web Developer Tools中查看控制台时在Firefox中看到的错误有关

请参阅错误

13:35:17.415可下载字体:下载失败(字体系列:“flexslider图标”样式:正常重量:正常拉伸:正常src索引:2):错误的URI或不允许跨站点访问来源:文件:my/local/paht/demo/fonts/webfonts/flexslider-icon.ttf1 demo.css:51:12

一旦服务器上有了所有文件,它就会工作


脱机/本地查看是问题所在(仅在FireFox中)。

我下载了同一个文件,它工作正常。你的问题一定是别的。我们无法排除您计算机中的故障。。。请再次尝试下载,并在
demo
文件夹中运行
index.html
,而不触碰任何其他内容。@TilwinJoy,您当然不能调试它,我很感激。你能帮我一个大忙,在FireFox上测试一下吗?对我来说,IE和Chrome都可以,只是FF不起作用safari也可以,但firefox不行。。如果文档包含US-ASCII范围以外的字符,则您可能需要编辑并重新表述有关此…
的问题。在某些浏览器配置中,文档将以乱码文本呈现。页面的字符编码必须在文档或传输协议中声明。
参考错误:未定义onTouchStart加上两种字体下载失败。
@font-face {
font-family: 'flexslider-icon';
src:url('fonts/flexslider-icon.eot');
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexslider-icon.woff') format('woff'),
    url('fonts/flexslider-icon.ttf') format('truetype'),
    url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;