css - 如何禁用/删除 Foundation Joyride 的右上角“x”？

Question

编辑 7/16/15：我最终在<li>我需要禁用“x”的兜风标签之间使用它。
<script>$('.joyride-close-tip').remove();</script>
不是最干净的解决方案，但可以满足我的需要。


原始帖子
文档在这里

如果您打开文档页面，其中有一个joyride 示例，所有的joyrides 都会在右上角有一个“x”，但我不想在大多数joyrides 上显示那个节目。

据我所知，从 .scss 文件中删除 $joyride-tip-close 元素并不是一个好习惯。我还想知道如何做到这一点，而不必基本上复制和粘贴所有没有joyride-close-tip部分的joyride scss（这似乎是“x”的样式）。

提前致谢。

Answer 1

找到那个班级class="joyride-close-tip"

覆盖它display:none;

Answer 2

link您可以通过在选项中指定一个空白模板来删除它。但要做到这一点，您需要重新定义 HTML 模板，如下所示……</p>

$(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