Javascript 基础4：页面加载时Joyride启动postRideCallback

我将Foundation4与CakePhp2.4结合使用，到目前为止，我对此没有任何问题。无论我做什么，joyRide的postRide回调都会在页面加载完成时被调用（并且在joyRide完成后不会再次调用）

另外，由于我的目标是在Joyride结束后立即启动

initialize（）

（一个自定义函数），作为替代方案，我尝试将事件侦听器绑定到

.Joyride close tip

类，甚至Joyride窗格中的自定义元素id，所有这些都在页面加载时被调用

我在这方面尝试了很多不同的变体，因此我无法充分发布我尝试过的所有内容，但以下是我当前的代码：

注意：
1）我在noConflict模式下使用jQuery，因为这一切都是由CakePhp2.4控制的，因此，$j前缀而不是通常的$for 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>

$j（文件）。基金会（“欢乐乐园”，
“开始”，
{postRideCallback:initialize（）}
);
//还尝试：
//$j（document.foundation（）.foundation（'joyride'，'start'，{postRideCallback:initialize（）}）；

供大家参考，问题是我把一个实际的函数交给了

postRideCallBack

，而不是一个函数定义，也就是说，简单地将

initialize（）

包装在

function（）{initialize（）；}

中就解决了这个问题。

{postRideCallBack:initialize}

（无括号）我也应该这么做。