Question

检查Chrome中的以下链接：http://www.bavarianblue.com/parts-list/?tags=struts

该网站完全被IE浏览 - 需要修复一堆CSS。

我使用跟随Javascript来执行动画（使用jquery.scrollTo-1.4.2-min.js）;

jQuery(document).ready(function($) { //required for $ to work in Wordpress
    var moo = $(".tags").attr("rel");
    if (moo == ""){
        return;
    }else {
        var scrolling = $("."+moo).offset().top-100;
        $.scrollTo(scrolling, 800, {easing:'swing'} );
        $('.'+moo).animate({backgroundColor : "#4c4c4c", color : "white"}, function() {
            $(this).animate({backgroundColor : "#dcdcdc"}, function() {
                $(this).animate({backgroundColor : "#4c4c4c"}); //animation wasn't completing chain, thus all the nested functions.                                                        });
        $('.'+moo+' a').animate({color : "#ed9925"});
        }); 
    }
});

任何线索为什么它不起作用？没有在FF中出现任何错误...

修改

正如@Chouchenos指出的那样，没有声明脚本类型，我也没有关闭标签。但是，现在FF不会生成错误，但动画（更改BG和滚动）不起作用。

Answer 1

FF和IE都告诉我

$。scrollTo不是函数

但令人惊讶的是，它适用于chrome。

编辑：我认为Firefox在这里出错：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"/>
<script src="http://www.bavarianblue.com/wp-content/themes/Polished/js/jquery.scrollTo-1.4.2-min.js"></script>

可能是这样的：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script>
<script src="http://www.bavarianblue.com/wp-content/themes/Polished/js/jquery.scrollTo-1.4.2-min.js"></script>

这就是为什么scrollTO不加载我认为

Answer 2

似乎动画和设置backgroundcolor也不起作用。您是否尝试过使用Firebug进行调试？我怀疑行if (moo == "")可能会在FF中返回意外的内容。

我认为问题在于你在带有class =“tags”的div上显示：none 。 FF可能不允许您滚动到Chrome所在页面上未显示的元素。

您可以通过暂时删除div中的display：none样式并查看它是否在FF

中运行来测试

Answer 3

moo ==''：return;它回来了，我错过了什么吗？你可以给出重现的步骤吗？在任何地方都没有.tags ..标签div包含js

Answer 4

ScrollTo不是本机jQuery方法;你需要Flesler's ScrollTo plug-in。

ScrollTo（jquery）似乎不适用于FF？

4 个答案: