Question

$j('#carousel').jcarousel({
    vertical: true,
    scroll: 1,
    auto: 2,
    wrap: 'last',
    initCallback: mycarousel_initCallback
});
$j('div#slideshow-carousel a img').css({
    'opacity': '0.5'
});
$j('div#slideshow-carousel a img:first').css({
    'opacity': '1.0'
});
$j('div#slideshow-carousel li a').hover(
function () {
    if (!$j(this).has('span').length) {
        $j('div#slideshow-carousel li a img').stop(true, true).css({
            'opacity': '0.5'
        });
        $j(this).stop(true, true).children('img').css({
            'opacity': '1.0'
        });
    }
}, function () {
    $j('div#slideshow-carousel li a img').stop(true, true).css({
        'opacity': '0.5'
    });
    $j('div#slideshow-carousel li a').each(function () {
        if ($j(this).has('span').length) $j(this).children('img').css({
            'opacity': '1.0'
        });
    });
}).click(function () {
    $j('div#slideshow-main li').removeClass('active');
    $j('div#slideshow-main li.' + $j(this).attr('rel')).addClass('active');
    return false;
});

这个简单的旋转木马脚本除了点击部分外完美无缺;单击缩略图时没有任何反应，应该将它们应用于“活动”类。

Answer 1

我认为您使用slideshow-main代表slideshow-carousel，例如这样：

}).click(function () {
    $j('div#slideshow-main li').removeClass('active');
    $j('div#slideshow-main li.' + $j(this).attr('rel')).addClass('active');
    return false;
});

应该是：

}).click(function () {
    $j('div#slideshow-carousel li').removeClass('active');
    $j('div#slideshow-carousel li.' + $j(this).attr('rel')).addClass('active');
    return false;
});

无论如何，似乎工作：http://jsbin.com/aliqi3

click（）无法按预期工作

1 个答案: