javascript - zurb foundation 5.4 joyride - 控制揭盖

Question

有人可以向我解释如何控制 zurb foundation 的曝光覆盖吗？如果我理解正确的话，expose-cover 是显示在 joyride 模态后面的灰色背景覆盖层。

我有一些不绑定(bind)任何东西的提示，然后我使用 data-id 属性绑定(bind)了一些 id。我希望当我使用 data-id 获取提示时，暴露的封面会消失。相反，它仍然存在。

我做错了什么？

<ol class="joyride-list" data-joyride >
    <li data-button="Next" data-options="prev_button:false;"><p></p>
    </li>

    <li data-button="Next" data-prev-text="Prev">
        <p></p>
    </li>

    <li data-button="Next" data-prev-text="Prev">
        <p></p>
    </li>

    <li data-id="next_article_btn" data-button="Next" data-prev-text="Prev" data-options="expose:false; modal:false;">
        <p></p>
    </li>

    <li data-id="prev_article_btn" data-button="Next" data-prev-text="Prev" data-options="expose:false; modal:false;">
        <p></p>
    </li>

    <li data-id="to_top_btn" data-button="Finish" data-prev-text="Prev" data-options="expose:false;">
        <p></p>
    </li>
</ol>

Answer 1

我不认为当前的 joyride 基础集成允许您单独更改公开选项。您只能在整个旅程中启用/禁用它。

   $(document).foundation({
     joyride: {
       expose: true
     }
   }).foundation('joyride', 'start');