插件不與div互動

我使用了一個名爲grid rotator的插件，它與已經在html頁面中聲明的div對象一起工作。但問題是，如果我追加div的jquery到我的html和當我初始化插件再次的div。該插件停止工作的div。我怎樣才能解決這個問題，以便插件工作，即使我以後在加載頁面時使用jquery追加div？任何人？插件不與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 
        } 
       }); 



     });

在此先感謝。

來源

2015-08-23 user3139504

該插件是'響應式圖像網格旋轉器'。我認爲這是因爲這個原因。項目正在追加jQuery，所以它們在HTML頁面本身不是靜態的，因此插件有問題。在創建列表項後，我將插件初始化爲div。 – user3139504

我假設你正在使用http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/ 如果我錯了，請糾正我。這個問題聽起來像在格子旋轉器初始化之後div被添加到文檔中。如果這是你的插件，你想在jquery中添加div之後加入初始化函數。

來源

2015-08-23 23:40:47

是的。但div存在，我只是添加圖像的列表項。然後我初始化插件。 – user3139504

無論如何，我修好了。這裏的問題是我的文件名數組有一個空的元素。因此，該插件崩潰，它是錯誤的編碼。所以，爲了解決這個問題，我只是做了一個檢查，以確保沒有空的元素（值）傳遞給我的列表。因此，插件可以在不崩潰的情況下讀取列表，因爲它無法在給定目錄中找到空文件。希望，這將清除一切。而我的壞，我仍然在學習。和平，並提前感謝，特別是對快速答覆。 – user3139504

插件不與div互動

回答

相關問題