2010-12-23 7 views
0
$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; 
}); 

이 간단한 회전식 스크립트는 클릭 부분을 제외하고 완벽하게 작동합니다. 축소판을 클릭해도 아무런 변화가 없으며 '활성'클래스에 적용해야합니다.click()이 예상대로 작동하지 않습니다.

+0

브라켓 오버 플로우. '.click()'에 연결된 것은 무엇입니까? –

+0

$ j ('div # slideshow-carousel li a') 아니요? – 3zzy

+0

** 확실한 ** 클릭이 발생하지 않습니까? 또는 CSS가 예상 한대로 작동하지 않을 수 있습니까? 이것이 디버거로 확인하는 첫 번째 일입니다. –

답변

1

난 당신이 slideshow-carousel을 의미 어디 예를 들어, slideshow-main을 사용하고 생각 이 :

}).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

관련 문제