javascript - jQuery Joyride 関数のオプションが正常に機能しない

Question

私は Joyride を使用しており、開始前、最初のステップの後、終了後に関数を起動しようとしています。

これが私がこれを達成する方法だと思いました：

$("#ic-instructions").joyride({
 pre_ride_callback      : joyRideDim(),
 post_step_callback     : joyRideNext(),
 post_ride_callback     : joyRideOver(),
 tip_animation          : 'fade',
 autoStart              : true 

});

私が呼び出す関数は次のようになります。

function joyRideDim(){ 
$('#ic-spacetemp').css({ 'box-shadow' : '0 0 20px rgba(81, 203, 238, 1)' });


}

function joyRideNext(){  
$('#ic-spacetemp').css({ 'box-shadow' : 'none' });
$('#help-tip').css({ 'box-shadow' : '0 0 20px rgba(81, 203, 238, 1)' });

}

function joyRideOver() {
    $('.ic-joyride-dim').css({' display' : 'none'});
    $('#help-tip').css({'box-shadow' : 'none' });

}

これは、ジョイライドのツールチップがある要素です:

<ol id="ic-instructions" style="display: none;"data-joyride>
    <li class="ic-instruct" data-button="OK, got it." data-id="ic-spacetemp">Enter the values of your own refrigeration system to calculate how much IntellFrost could save you in defrost costs.</li>
    <li class="ic-instruct" data-options="nubPosition: top-right;" data-button="OK, I'm ready to calculate." data-id="help-tip">If you aren't sure what a certain input is, hover over the "i" icon for an explanation</li>
</ol>

最終的には、3 つの関数がすべて同時に起動するように見えます。そのため、何もボックスシャドウが表示されなくなります。「post_step_callback」および「post_ride_callback」オプションを削除すると、ボックス シャドウが追加されるだけで、削除されることはありません。これは理にかなっています。私の post_step と post_ride 関数がすべて同時に起こっているようです。誰かが理由を知っていますか？