Question

我正在尝试使用WordPress http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/中的jQuery Responsive动画网格插件

在测试时，我使插件在网站的HTML版本中工作（我将代码浓缩到相关位）：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.gridrotator.js"></script>
    <script type="text/javascript"> 
        $(function() {

            $( '#ri-grid' ).gridrotator( {
                rows : 2,
                columns : 7,
                step            : 'random',
                maxStep         : 3
            } );

        });
    </script>

但是，这在WordPress中不起作用，所以经过一些试验和错误后我到达了：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.gridrotator.js"></script>

  <script type="text/javascript">   

         jQuery(function($) {

            $( '#ri-grid' ).gridrotator( {
                rows : 2,
                columns : 7
            } );

        });
    </script>

对于第二个版本，插件可以正常播放动画时出现错误，而且看起来非常“锯齿状”，图像出现时没有任何过渡。我猜这里我做错了什么但是什么？是因为我没有加载插件专为其设计的jQuery版本吗？

在WordPress中使用jQuery插件

0 个答案: