Question

我正在使用http://zurb.com/playground/jquery-joyride-feature-tour-plugin

创建指导教程。我需要在其中一个教程中排除下一个按钮。我确实在该教程的data-options="nextButton:false;"标记中添加了<li>，但仍然可以看到下一个按钮。我发布了所有相关代码。

$('#joyRideTipContent')
            .joyride(
                    {
                        autoStart : true,
                        modal : true,
                        nextButton : true,
                        expose : false,
                        nubPosition : 'auto',
                        tipContainer : 'body',
                        tipAnimation : 'fade',

                    });

并在li

<li data-id="eleId" data-text="Next: Blah Blah" data-options="nextButton:false;">

Answer 1

我添加了一个复选框，表示在显示下一个按钮之前有人同意。根据[index]查找当前步骤的div，然后找到它的下一个链接以更改CSS。

步骤HTML：接受

this.preStepCallback = function (index) {
    $('div[data-index="' + index + '" ]').find('a:contains("Next")').css({"display":"none"});

    $('input:checkbox').live('change', function(){
        if($(this).is(':checked')){
            $('div[data-index="' + index + '" ]').find('a:contains("Next")').css({"display":""});
        } else {
        $('div[data-index="' + index + '" ]').find('a:contains("Next")').css({"display":"none"});
        }
    });
}

在zurb jquery joyride的特定游览中禁用下一个按钮

1 个答案: