2013-11-26 3 views
1

저는 Foundation4를 CakePhp2.4와 함께 사용하고 있습니다. 지금까지는 아무런 문제가 없었습니다. joyride가 무엇을 하든지 joyride의 postRide 콜백은 페이지로드가 끝나면 호출됩니다 (Joyride가 완료되면 다시 호출되지 않습니다). 내 목표는 대안으로, 즉시 즐거운 시간은 종료로 initialize() (사용자 정의 함수)를 발사하는 단지이기 때문에Foundation4 : Joyride firing postRideCallback on page load

또한, 나는 전부 .joyride-close-tip 클래스에 바인딩 이벤트 리스너와 무모한 창 내에서 심지어 사용자 정의 요소의 id를 시도했습니다 페이지로드시 이 호출됩니다.

는 내가 적절하게 내가 해봤 모든 것을 게시 할 수 없습니다 이것에 너무 많은 다른 변화를 시도했지만 여기에 내 현재 코드입니다했습니다

주 :
1) 나는에 jQuery를 사용하고 있습니다 noConflict 모드는 CakePhp2.4에 의해 제어되므로 jquery에 대한 일반 $ 대신 $ j 접두어가 사용됩니다.
2)이 응용 프로그램에서 zepto를 사용할 수 없습니다. (이유는 모르지만 아무것도 작동하지 않습니다. 그러나로드하는 경우).

내 HTML :

<ol class="joyride-list" data-joyride> 
    <li data-id="module-name"> 
     <h4>Welcome!</h4> 
     <p>You're about to start the module. But first, we'll make sure you understand the interface.</p> 
    </li> 
        <!--- several more <li> pairs ----> 
    <li data-button="begin"> 
     <h4>All Set?</h4> 
     <p>Click "Begin" to get started on this module!</p> 
    </li> 
</ol> 

내 JS :

<script type="text/javascript" src="appname/js/vendor/jquery.js"></script> 
<script type="text/javascript" src="appname/js/foundation.min.js"></script> 
<script type="text/javascript" src="appname/js/app.js"></script> <!-- custom js functions that reply on jquery and have no collisions with Foundation --> 
<script> 
    $j(document).foundation('joyride', 
          'start', 
          { postRideCallback: initialize() } 
    ); 
    // have also tried: 
    // $j(document).foundation().foundation('joyride','start',{postRideCallback: initialize()}); 
</script> 

답변

0

모두의 참고로는, 문제는 내가 대신 함수 정의 - 즉,의, postRideCallBack에 실제 기능을 전달했다이었다. 단순히 initialize()function() { initialize(); }에 배치하면 문제가 해결됩니다.

+0

'{postRideCallback : 초기화}'(괄호 안됨)도 효과가 있어야합니다. – RiZKiT