获取 jquery.jcarousel 中的可见元素

Question

我正在构建一个 JavaScript 轮播，我需要提取轮播每次更改时显示的链接的 URL。

我使用 jQuery jCarousel，因为它允许开发人员绑定不同的处理程序来更改事件。

轮播应一次显示 4 个项目，并一次滚动 4 个项目。

我实现的 itemFirstInCallback 处理程序获取页面中第一个链接的 href（例如索引 1、索引 5）

我需要获取所有 4 个可见元素中显示的第一个链接的当前显示的 URL

，我想知道如何实现此目的？

下面的演示代码...

设置轮播

 $(文档).ready(function () {

            $('#featured_carousel_list').jcarousel({ 
可见：4， 
滚动：4， 
initCallback：mycarousel_initCallback， 
按钮NextHTML：空， 
按钮上一页HTML：空，
itemFirstInCallback：函数（轮播，liElement，intemIndex，操作）{
                    // 获取可见项的 URL
                    var item_URL = $(liElement).children('a:last-child').attr('href');
                    警报（item_URL）；
                }

            });


        });

        函数 mycarousel_initCallback(carousel) {
            $('#next_button').bind('click', function () { car​​ousel.next(); return false;});
            $('#prev_button').bind('click', function () { car​​ousel.prev(); return false;});
        }

HTML 列表

<<
;
>>
    
;
        
标题
        
标题
        
标题
        
标题
        
标题
        
标题
        
标题
        
标题
    

Answer 1

如果我正确理解你的问题，那么你想要获取所有可见元素的 URL。您可以通过将 itemFirstInCallback 回调替换为 itemVisibleInCallback 来实现此目的：

itemVisibleInCallback: function(carousel, liElement) {
  var item_URL = $(liElement).children('a:last-child').attr('href');
  console.log(item_URL);
}

当所有 4 个项目变为可见时，都会触发此回调。