Question

我正在尝试将jQuery插件（http://tinyurl.com/omntnbc）实现到我的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链接一样。

我还得到了一个未捕获的TypeError：对象＃在Chrome控制台中没有方法'前缀'错误。

在临终中需要一点指导。谢谢。

jQuery Wordpress Codrops Adaptive Gallery Pile问题

0 个答案: