Jquery环形交叉旋转木马不绕

Question

我想使用环形交叉口jquery插件创建一个轮播。我试图通过为每张幻灯片和一个按钮显示标题来增强它，每张幻灯片都可以自行选择。我不知道为什么它不起作用，任何帮助都会受到高度赞赏！

这是小提琴：http://jsfiddle.net/kampfkuchen/t5DQr/

以下是javascript，其中很可能是错误：

(function($) {

var $descriptions = $('#carousel-descriptions').children('li'),
$controls = $('#carousel-controls').find('span'),
$carousel = $('#carousel')
    .roundabout({childSelector:"img", minOpacity:1, autoplay:true, autoplayDuration:5000, autoplayPauseOnHover:true })
    .on('focus', 'img', function() {
        var slideNum = $carousel.roundabout("getChildInFocus");

        $descriptions.add($controls).removeClass('current');
        $($descriptions.get(slideNum)).addClass('current');
        $($controls.get(slideNum)).addClass('current');
    });

$controls.on('click dblclick', function() {
var slideNum = -1,
    i = 0, len = $controls.length;

for (; i<len; i++) {
    if (this === $controls.get(i)) {
        slideNum = i;
        break;
    }
}

if (slideNum >= 0) {
    $controls.removeClass('current');
    $(this).addClass('current');
    $carousel.roundabout('animateToChild', slideNum);
}
});

}(jQuery));

非常感谢你！ ：）