Javascript ZURB基金会5.4驾驶乐趣-控制暴露覆盖 有人能告诉我如何控制Zurb基金会的公开掩护吗？ 如果我理解正确的话，曝光盖是出现在joyride模式后面的灰色背景覆盖层

我有几个技巧没有绑定到任何东西，然后我有一些使用数据id属性绑定到一些id。我希望当我使用数据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>

---

除了这个，我没有找到解决办法

$document.foundation{offcanvas:{close_on_click:false}，reveal:{close_on_esc:true，close_on_background_click:true}，joyride:{cookie_monster:false，expose:true，modal:true，post_expose_callback:function{ setTimeoutfunction{ $.joyride-modal-bg.css显示，块； },5;

---

}}}.基金会“欢乐之旅”、“启动”

>我不认为当前的游乐基础集成可以让你单独改变暴露选项。您只能在整个游乐设施中启用/禁用它

$document.foundation{ 游乐设施：{ 揭露：真的 } }.基金会“欢乐之旅”、“启动”； 根据答案，你们可以做的是使用另一个你们可以随心所欲控制的模式背景

<div class="reveal-modal-bg" style="opacity:0.8;"></div>
<div class="joyride-modal-bg" style="opacity:0;"></div>

完整代码为：

<div class="reveal-modal-bg" style="opacity:0.8;"></div>
<div class="joyride-modal-bg" style="opacity:0;"></div>

$(document).foundation({
                    joyride: {
                        cookie_monster: false,
                        expose: true,
                        modal: true,
                        pre_ride_callback: function () { setTimeout(function () { $(".reveal-modal-bg").css("display", "block").css("z-index", "100"); }, 150); },
                        post_ride_callback: function () { setTimeout(function () { $(".reveal-modal-bg").css("display", "none").css("z-index", "1004"); }, 5); }
                    }
                }).foundation('joyride', 'start');

模态：true和expose:true是必需的

<div class="reveal-modal-bg" style="opacity:0.8;"></div>
<div class="joyride-modal-bg" style="opacity:0;"></div>

$(document).foundation({
                    joyride: {
                        cookie_monster: false,
                        expose: true,
                        modal: true,
                        pre_ride_callback: function () { setTimeout(function () { $(".reveal-modal-bg").css("display", "block").css("z-index", "100"); }, 150); },
                        post_ride_callback: function () { setTimeout(function () { $(".reveal-modal-bg").css("display", "none").css("z-index", "1004"); }, 5); }
                    }
                }).foundation('joyride', 'start');