1

ここ ( http://tinyurl.com/omntnbc )の jQuery プラグインを私の Wordpress サイト ( http://www.uk2cuba.co.uk/gallery/ ) に実装しようとしています。ヘッダーに次のコードがあります-

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.uk2cuba.co.uk/wp-content/themes/salient/css/custom2.css">
<link rel="stylesheet" type="text/css" href="http://www.uk2cuba.co.uk/wp-content/themes/salient/css/stapel.css">
<script src="http://www.uk2cuba.co.uk/wp-content/themes/salient/js/modernizr.custom.63321.js"></script>

そして、私のフッターに次の-

    <script type="text/javascript" src="http://www.uk2cuba.co.uk/wp-content/themes/salient/js/jquery.stapel.js"></script>
<script type="text/javascript">

jQuery(function() {

            var $grid = jQuery( '#tp-grid' ),
                $name = $( '#name' ),
                $close = $( '#close' ),
                $loader = $( '<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><span>Loading...</span></div>' ).insertBefore( $grid ),
                stapel = $grid.stapel( {
                    onLoad : function() {
                        $loader.remove();
                    },
                    onBeforeOpen : function( pileName ) {
                        $name.html( pileName );
                    },
                    onAfterOpen : function( pileName ) {
                        $close.show();
                    }
                } );

            $close.on( 'click', function() {
                $close.hide();
                $name.empty();
                stapel.closePile();
            } );

        } );
</script>

しかし、ロードアニメーションだけが得られます。jQuery は既存のプラグインから既に読み込まれているようですが、上記の jQuery リンクを削除した場合と同様に、それらをすべて無効にしても何も起こりません。

また、Chrome コンソールで Uncaught TypeError: Object # has no method 'prefixed' エラーが発生しています。

少しのガイダンスが必要です。ありがとうございました。

4

0 に答える 0