저는 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>
'{postRideCallback : 초기화}'(괄호 안됨)도 효과가 있어야합니다. – RiZKiT