0

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;">

4

1 に答える 1

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"});
        }
    });
}
于 2014-07-05T12:53:07.127 に答える