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个功能全部同时发射。所以我最终没有任何盒子阴影。如果我删除＆＃34; post_step_callback＆＃34;和＆＃34; post_ride_callback＆＃34;选项然后它只是添加框阴影，但它永远不会把它带走。这是有道理的。看起来我的post_step和post_ride函数只是一次性发生。有谁知道为什么？

jQuery Joyride功能选项不像他们应该的那样工作

0 个答案: