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

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，然后定位到它的Next链接来改变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"});
        }
    });
}