Question

这是我遇到问题的页面： http://www.jonathanadler.com/presstest3.php

除了IE8和IE7之外，

RoyalSlider在所有浏览器中都运行正常（并且该插件应该支持这些浏览器）。 embedTumblr 工作正常， removeClass ，但 royalSlider 功能未触发。

这是我在页面上的脚本：

<script type="text/javascript">
    $(document).ready(function() {
        $('#posts_container').embedTumblr('http://api.tumblr.com/v2/blog/japress.tumblr.com/posts?api_key=k9xgGA3H3LY3WFHgXMosOExTgQFSnhdGZCdrCdGJSgGSnLbg34');
    });
    $(window).load(function() {
        $('#posts_container').removeClass('hide');
        $('.royalSlider').royalSlider({
            arrowsNav: false,
            autoScaleSlider: false,
            imageAlignCenter: false,
            addActiveClass: true,
            controlNavigation: 'none',
            fadeinLoadedSlide: false,
            globalCaption: true,
            globalCaptionInside: true,
            imageScaleMode: 'fit',
            keyboardNavEnabled: true,
            visibleNearby: {
                enabled: true,
                centerArea: 0.4,
                center: true,
                breakpoint: 0,
                navigateByCenterClick: true
            }
        });
    });
</script>

我对javascript / jquery比较新，所以我猜它可能是一个语法问题或者类似的东西。您将给予的任何帮助将不胜感激！

Answer 1

一些建议：

（1）尝试使用不同的doctype，因为您正在使用的doctype可能会导致问题。

或者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

或

<!doctype html> (If you want to switch to HTML5 - recommended)

（2）由于您遇到大量错误，请通过HTML和CSS验证工具运行您的网站。

（3）我认为你也可以在文档就绪块中使用滑块JS代码。除非有充分的理由在里面使用窗口负载？

（4）你正在运行旧版本的jQuery。考虑将其更新到最新版本。

Answer 2

我们可以在这里看到很多JS请求：

JS requests

JQuery库的2个文件：

http://www.jonathanadler.com/skin1/jquery-1.8.0.min.js http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

让我想一下JS冲突。

jQuery royalSlider函数没有在IE8或IE7中触发

2 个答案: