Joyride가 작동하지만 postRideCallback을 호출하지 않습니다.

Question

<ol data-joyride="" aria-hidden="true" style="display: none;" id="tour"> 

<li data-id="mailbox-menu" data-button="Next" data-options="tipLocation: bottom"><h4>first</h4><div><p>xxx</p><p>yyy</p><p>zzz</p></div></li> 

<li data-id="new-domain" data-button="Next" data-options="tipLocation: bottom"><h4>second</h4><div><p>aaa</p></div></li> 
</ol> 

위의 html을 사용하여 joyride를 설정했습니다. 전화 번호 :

$(document).foundation('joyride', 'start', { 
    'postRideCallback': function() { 
     window.alert('hello world'); 
    } 
}) 

성공적으로 실행됩니다. 그러나 postRideCallback은 절대로 실행되지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

구문은 분명히 재단에서이 업데이트되었습니다 5.

이 작동합니다 : 당신이 재단 4를 사용하는 경우

$(document).foundation( 
    { joyride : 
     { post_ride_callback : function() 
      { window.alert('hello world'); } 
    } 
}).foundation('joyride', 'start') 

Answer 2

그냥이 시도 : 무슨 그

$(function(){ 
    $('#joyride01').foundation() 
     .foundation('joyride', { 
      postRideCallback :function() { window.alert('hello world'); // or whatever you want to call 
     } 
    }); 
}); 

잘 작동합니다.

내가 당신을 도왔 으면 좋겠다! = D

Answer 3

나는 즐거운 시간은 pluggin을 사용하고 있는데 나는 이것을 사용을, 나는 그것이 도움이되기를 바랍니다 :

 $(window).load(function() { 
     $('#joyRideTipContent').joyride({ 
      'tipLocation': 'top', 
      autoStart: true, 
      postRideCallback: function() { 
       PromptDisableTutorial(); 
      }, 
      modal: false, 
      expose: true 
     }); 
    });