Zurb基础不止一个游戏杆

Question

在一个页面上可能有两个游戏杆吗？例如：运行一个兜风，然后，一旦用户选择了什么，开始第二个兜风？

Answer 1

我相信你在寻找的根源在于answer to this question。您可以使用回调来初始化第二个兜风，方法是执行某些操作，例如触发隐藏按钮上的按钮点击。

我没能还测试此代码，但它应该工作沿着这些路线的东西：

// set up the config for a Callback 
var config = { 
nubPosition : 'auto', 
postRideCallback : function() { 
    // Joyride has ended, simulate a click on a hidden button 
    $(#hidden_button).click(); 
} 

// When the Hidden button is clicked, call the 2nd Joyride 
$("#hidden_button").click(function() { 
    $(document).foundation('joyride2', 'start'); 
}); 

Answer 2

你一定要包装你兜风在一个div，然后启动出去兜风，当你想至。

例如：

<div id="Joyryde1"> 
    <ol class="joyride-list" data-joyride > 
     <li data-id="message1" data-text="Next" data-options="tip_location: top"> 
      <p>Joyride 01</p> 
     </li> 
    </ol> 
</div> 

<div id="Joyryde2"> 
    <ol class="joyride-list" data-joyride > 
     <li data-id="message1" data-text="Next" data-options="tip_location: top"> 
      <p>Joyride 02</p> 
     </li> 
    </ol> 
</div> 

<script> 
$("#joyride1").foundation('joyride', 'start'); //Start when the page loads 

// Add this to your trigger(button or another page load) 
$("#joyride2").foundation('joyride', 'start'); 
</script>