Joyride - 当cookie_monster为true时,无法正常工作。

4

使用Foundation非常容易,但是我不知道该怎么处理这种情况。我通过谷歌搜索了很多,测试了6种不同的方法,如何只在页面首次访问时启动joyride。这些方法的结果总是不同,有多个滑块、空白页或没有任何改变。

如果我理解正确,我应该在 'foundation.joyride.js' 的这部分设置 monster_cookie: true,但是在那之后,即使一次也没有启动 joyride,如果 cookie_monster: false,我可以看到每次加载主/子页面时的 joyride。我尝试过清理内存和其他简单的东西,但都没有起作用。你有任何可行的/经过测试的解决方案吗?

我使用的是 joyride 的5.0.0版本,当我粘贴 5.2.1 版本的代码时,joyride 就停止工作了。

我正在使用 Foundation 作为 Wordpress 主题,这是我的 functions.php 部分:

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);

function my_jquery_enqueue() {

    //Load jQuery 2.0

    wp_deregister_script('jquery');
    wp_register_script('jquery', "http".($_SERVER['SERVER_PORT'] == 443 ? "s" : "")."://code.jquery.com/jquery-2.1.0.min.js", false, null);
    wp_enqueue_script('jquery');

    //Load Foundation.js
    wp_enqueue_script('foundation_js', get_template_directory_uri().'/js/foundation.js', array('jquery'), false, true);
    //Load faq-crm.js
    wp_enqueue_script('faq-crm_js', get_template_directory_uri().'/js/faq-crm.js', array('jquery', 'foundation_js'), false, true);
    //modernizr.js
    wp_enqueue_script('modernizr_js', get_template_directory_uri().'/js/vendor/modernizr.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
    // Load slider orbit.js
    wp_enqueue_script('orbit_slider_js', get_template_directory_uri().'/js/foundation/foundation.orbit.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
    // Load magellan.js 
    wp_enqueue_script('magellan_js', get_template_directory_uri().'/js/foundation/foundation.magellan.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
    //Load topbar.js
    wp_enqueue_script('topbar_js', get_template_directory_uri().'/js/foundation/foundation.topbar.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
    //Load modal.js
    wp_enqueue_script('modal_js', get_template_directory_uri().'/js/foundation/foundation.reveal.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
    //Load joyride.js
    wp_enqueue_script('joyride_js', get_template_directory_uri().'/js/foundation/foundation.joyride.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
    //Load cookie.js
    wp_enqueue_script('cookie_js', get_template_directory_uri().'/js/vendor/jquery.cookie.js', array('jquery', 'foundation_js', 'faq-crm_js'), false, true);
}
1个回答

0

我不确定你是否使用了正确的选项。我在一个项目中使用了Zurb的Joyride,并且只是在joyride函数调用的选项中配置了cookie设置,像这样:

<script>
$(window).load(function() {
    $('#contentID').joyride({
        'cookieMonster': true,    // true/false for whether cookies are used
        'cookieName': 'JoyRide',  // choose your own cookie name
    });
  });
});
</script>

设置基础知识和可用选项在这里:http://zurb.com/playground/jquery-joyride-feature-tour-plugin


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接