使用Foundation非常容易,但我不知道在这种情况下该怎么做。我在谷歌上挖掘了很多东西,我测试了6种不同的方法来发布《joyride》,这是我第一次访问我的页面。这种方法的结果总是不同的,成倍的滑动条(天知道为什么),空白页面或什么都没有改变。
如果我理解得好,我应该设置在'foundation.joyride.js' monster_cookie: true
的这一部分,但是之后joyride甚至没有启动一次,如果cookie_monster: false
,我可以在每次加载主/子页面时看到joyride。我试过清理记忆和其他简单的东西,但都不起作用。你有任何可行的/经过测试的解决方案吗?
我有5.0.0版本的joyride,当我粘贴代码的版本:5.2.1 joyride停止工作。
我使用Foundation作为Wordpress主题,所以这里是我的function。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);
}
我不确定你是否使用了正确的选项。我在一个项目中使用了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