0

これが私が問題を抱えているページです：http： //www.jonathanadler.com/presstest3.php

RoyalSliderは、IE8とIE7を除くすべてのブラウザーで正常に動作しています（プラグインはこれらのブラウザーをサポートすることになっています）。removeClassと同様に、 embedTumblrは正常に機能していますが、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

ここで多くのJSリクエストを見ることができます：

JSリクエスト

そして、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の競合について考えてみましょう。

于 2013-02-19T19:52:53.750 に答える
0

いくつかの提案:

(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 を実行しています。それを最新リリースに更新することを検討してください。

于 2013-02-15T15:27:10.523 に答える