Question

我正在为我的商店使用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>

我的JS：

$(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;
    },
});

}）;

当我点击链接时，没有任何反应，就像Javascript阻止它一样。此外，如果我在控制台中检查标签，我可以看到它的DOM发生变化，进行动画制作。那么，我怎样才能让系统得到这样的自定义链接呢？

感谢的

使用SudoSlider自定义内容

0 个答案: