在zurbjqueryjoyride中禁用特定旅程中的下一个按钮

Question

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

创建指导教程。我需要排除其中一个教程中的下一个按钮。我确实在那个教程的<li>标签中添加了data-options="nextButton:false;"，但下一个按钮仍然可见。我正在张贴所有相关代码。

$('#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"});
        }
    });
}