Question

我正在使用以下“Coverflow”javascript，ContentFlow

并具有过滤功能，可在Contentflow中搜索图像标题并对其进行过滤。我需要Contentflow在搜索功能之后使用过滤后的图像重新加载。我有以下代码，用于过滤和重新加载“流”，但它重新加载所有图像，而不是过滤后的图像。显然，我没有正确的代码来执行此操作，我需要一些帮助才能加载过滤后的图像。

$("#filter").keyup(function(){
global.canChangeImage = true;
    // Retrieve the input field text and reset the count to zero
    var filter = $(this).val(), count = 0; 
    // Loop through the comment list
    $("a.item").each(function(){
        // If the list item does not contain the text phrase fade it out
        if ($(this).text().search(new RegExp(filter, "i")) < 0) {
            $(this).fadeOut();
        // Show the list item if the phrase matches and increase the count by 1
        } else {
            $(this).show();
 var contentFlow = new ContentFlow('contentFlow');
       contentFlow._init();    
           count++;
        }
    });

    // Update the count
    var numberItems = count;
    $("#filter-count").text(count+" Images Found");

  });

任何帮助将不胜感激！

Answer 1

您可以使用数组存储所有图片的信息，然后使用ContentFlow的addItem()和rmItem()函数，具体取决于过滤条件和数组。

使用这种方法，您可以从数组项动态重新加载流。

ContentFlow javascript - 过滤后重新加载图片

1 个答案: