Question

我使用一个名为grid rotator的插件，它与已在html页面中声明的div对象一起使用。但问题是，如果我将一个带有jquery的div附加到我的html中，并且当我再次将插件初始化为div时。插件停止为div工作。我怎样才能解决这个问题，以便即使在我加载页面后添加带有jquery的div之后插件也能正常工作？任何人吗？

    <script type="text/javascript">
      $(function() {

        var BASE_PATH = 'js/brands/';
        var array_brands = <?php echo json_encode($array_brands); ?>;
        var directory = null;
        $.each(array_brands, function(key, value) {
            arr = array_brands[key];
            if($('.' + arr['directories'])) {
                $.each($(this), function (key, value) {
                    var res = $(this)[key]['filenames'].split(',');
                    directory = $(this)[key]['directories'];
                    console.log($(this)[key]['filenames']);
                    $.each(res, function(key, value) {
                        $('<li><a href="#"><img src="' + BASE_PATH + directory + '/' + res[key] + '"/></a></li>').clone().appendTo($('#' + 'ri-grid-' + directory + ' ul');
                     });
                });
            }
$.each($('#' + 'ri-grid-' + directory + ' ul li'), function() {
    console.log($(this));
});
console.log($('#ri-grid-' + directory).gridrotator());
            $('#ri-grid-' + directory).gridrotator( {
                  rows    : 3,
                  columns   : 15,
                  animType  : 'fadeInOut',
                  animSpeed : 1000,
                  interval  : 600,
                  step    : 1,
                  w320    : {
                    rows  : 3,
                    columns : 4
                  },
                  w240    : {
                    rows  : 3,
                    columns : 4
                  }
                } );



        });

提前致谢。

Answer 1

我假设你正在使用http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/ 如果我错了，请纠正我。这个问题听起来像是在初始化网格旋转器之后将div添加到文档中。如果这是你的插件，你想在jquery中添加div之后放置初始化函数。

插件不与div交互

1 个答案: