如何禁用/移除基金会欢乐骑行的右上角"x"？

Question

编辑7/16/15：我最终在我需要禁用"x"的游乐设施的<li>标签之间使用了这个。
<script>$('.joyride-close-tip').remove();</script>
不是最干净的解决方案，但能满足我的需要。


原始帖子
文件在这里

如果你打开文档页面，那里有一个游戏机示例，所有的游戏机都会在右上角有一个"x"，但我不想在大多数游戏机上显示这个。

据我所知，从.scs文件中删除$joyride tip-close元素不是一个好的做法。我还想知道如何做到这一点，而不必基本上复制和粘贴所有没有joyride近端部分的joyride scs(这似乎是"x"的样式(。

提前谢谢。

Answer 1

找到类class="joyride-close-tip"

用display:none; 覆盖

您可以通过在选项中为link指定一个空白模板来删除此项。但要做到这一点，你需要重新定义HTML模板，比如…

$(document).foundation({
  joyride: {
    template: {
      link        : '',
      tip         : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',
      wrapper     : '<div class="joyride-content-wrapper"></div>',
      button      : '<a href="#" class="small button joyride-next-tip"></a>',
      prev_button : '<a href="#" class="small button joyride-prev-tip"></a>'
    }
  }
}).foundation('joyride', 'start');

请参阅http://foundation.zurb.com/docs/components/joyride.html