Jquery 使用SudoSlider的自定义内容

我正在为我的商店使用SudoSlider，我想要自定义内容，而不是图像

所以我这样做了：

<div id="home-slider-menu">
    <ul>
    {foreach $slides AS $k => $slide}
        <li data-target="{$k+1}" class="custom"><a href="javascript:void(0);">{$slide.btn_name}</a></li>
    {/foreach}
    </ul>
</div>
<div id="home-slider-content">
    <ul>
    {foreach $slides AS $k => $slide}
        <li data-slide="{$k}">
            <div style="background:url('{$slide.image}');" class="slide-overlay{if !$slide.text} no-content{/if}">
                <div class="overlay">
                    {if $slide.text}<div class="text"><h2>{$slide.public_name}</h2>{$slide.text}</div>{/if}
                    {if $slide.link}<a href="{$slide.link}" title="{$slide.link_title}" class="button button-with-icon button-with-arrow">{$slide.link_title}</a>{/if}
                </div>
            </div>
        </li>
    {/foreach}
    </ul>
</div>

}))

当我点击链接时，什么也没发生，就像Javascript阻止了它一样。此外，如果我在控制台中检查标记，我可以看到它的DOM正在改变，正在进行动画。 那么，我怎样才能从系统中获得这样一个自定义链接呢

谢谢

$(document).ready(function() {
var speed = 500;
var sudoSlider = $('#home-slider-content').sudoSlider({
    speed : speed,
    prevNext : false,
    effect : 'revealRight',
    touch : true,
    auto : true,
    continuous : true,
    customLink: '.custom'
    beforeAnimation : function(t) {
        var slidemenu = $('#home-slider-menu');
        var substract = slidemenu.offset();
        var posi = slidemenu.find('ul li').eq(t-1).offset();
        var left =  posi.left - substract.left;
        var width = slidemenu.find('ul li').eq(t-1).width();
        slidemenu.find('ul li.currentone').animate({
            left: left
            }, speed).children().animate({
            width: width
            }, speed);
        oldt = t;
    },
});