CarouFredSel 中的 jQuery 触发器调用答案

【问题标题】：jQuery Trigger Call in CarouFredSelCarouFredSel 中的 jQuery 触发器调用
【发布时间】：2014-03-04 22:02:52
【问题描述】：

我有一个 CarouFredSel 实例，它在主轮播中具有 DIV，在寻呼机轮播中具有图像。

在 $pager.find().click(function{}) 中，如果我单击分页器中的缩略图之一，它应该滚动到主轮播中的正确图像，但没有。

我已将范围缩小到以下块：

$pager.find( 'img' ).click(function() {
     var src = $(this).attr( 'src' );
     $carousel.trigger( 'slideTo', [ 'img[src="'+ src +'"]' ] );
});

行：

$carousel.trigger( 'slideTo', [ 'img[src="'+ src +'"]' ] );

试图链接我点击的IMAGE并将轮播发送到正确的DIV。我需要以某种方式更改它，以便点击函数查找包含此 IMAGE 的 DIV。有什么建议么？还是更容易标记 div 和图像并从那里调用？

【问题讨论】：

【解决方案1】：

我想通了。我所做的是在#carousel中，每个DIV，我设置了一个ID。在 #pager 中，我设置了一个 ALT 与其匹配的 DIV ID 相对应。

我换了：

var src = $(this).attr( 'src' );
$carousel.trigger( 'slideTo', [ 'img[src="'+ src +'"]' ] );

与：

var src = $(this).attr( 'alt' );
$carousel.trigger( 'slideTo', [ 'div[id="'+ src +'"]' ] );

我已经多次循环运行，没有错误。

【讨论】：