0

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

RoyalSlider在除 IE8 和 IE7 之外的所有浏览器中都能正常工作（并且该插件应该支持这些浏览器）。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 比较陌生，所以我猜这可能是语法问题或类似问题。您可以提供的任何帮助将不胜感激！

4

2 回答 2

0

一些建议：

(1) 尝试使用不同的文档类型，因为您正在使用的文档类型可能会导致问题。

任何一个：

<!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。考虑将其更新到最新版本。

于 2013-02-15T15:27:10.523 回答
0

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

JS 请求

以及 2 个用于 JQuery 库的文件：

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 冲突。

于 2013-02-19T19:52:53.750 回答