我将Foundation4与CakePhp2.4结合使用，直到现在，这还没有问题。无论我做什么，页面完成加载时都会调用joyRide的postRide回调（并且在Joyride完成时不会再次调用）。
另外，由于我的目标只是在Joyride结束后立即触发initialize()（一个自定义函数），因此，我尝试将事件侦听器绑定到.joyride-close-tip类，甚至在Joyride窗格中将自定义元素ID绑定，在页面加载时也会调用其中的一个。
我已经尝试了很多不同的变体，以至于我无法充分发布尝试过的所有内容，但这是我当前的代码：
注意：1）我在noConflict模式下使用jQuery，因为这全部由CakePhp2.4控制，因此，$ j前缀而不是jquery的常规$，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，而不是函数定义（即。只需将initialize()包装在function() { initialize(); }中即可解决此问题。