Javascript ZURB基金会4揭示了在数据揭示ID＝"；myModal“；

嗨，如果这是一个愚蠢的问题，很抱歉。
我正在使用reveal，模式运行良好。
单击时文本“显示信息”正在工作。如何设置文本，使其在单击时变为“隐藏信息”

如何设置文本，使其在单击时变为“隐藏信息”

你想做的事毫无意义。为什么，因为导致你的启示出现的元素是模态之外的。否则，如果它在内部，则无法通过该元素打开模态。根据该描述，您可以得到如下内容：

<a href="#" data-reveal-id="myModal" id="modalTrigger">Open Modal</a>
<div id="myModal" class="reveal-modal">
    <h1>My modal</h1>
    <a class="close-reveal-modal">&#215;</a>
</div>

$(document).foundation('reveal', {
    opened: function () {        
        closeImageLoader();
    },
});

因此，您不必更改任何内容来指示元素可以关闭模态

如果你的问题是你想在模态打开后发生其他事情，那么这是可以实现的。一个很好的例子是，如果模式的内容来自数据库，并且加载需要一些时间，那么在抓取完成时，您将显示一个图像加载程序。然后，您希望加载程序“仅在显示模式后关闭”。您可以这样做：

<a href="#" data-reveal-id="myModal" id="modalTrigger">Open Modal</a>
<div id="myModal" class="reveal-modal">
    <h1>My modal</h1>
    <a class="close-reveal-modal">&#215;</a>
</div>

$(document).foundation('reveal', {
    opened: function () {        
        closeImageLoader();
    },
});

---

函数打开时：function（）{}，我可以在这里放一个函数来更改文本吗？谢谢timss的格式化！然而，Zurb基金会4没有这样做，文本不会从显示到隐藏和回退，感谢Von V，但是我想改变你点击的文本来打开模态IE“打开我”来“关闭我”，我知道它在模态之外，但是从用户的角度看，如果这是他们点击打开的地方，你也可以点击关闭。我已经让它与以下

var text=document.getElementById（“texter”）一起工作$（document）.foundation（'reveal'，{open:function（）{text.innerHTML=“隐藏信息”；}，closed:function（）{text.innerHTML=“Show Info”；}）我已经回答了这个问题，请参阅我答案的最后一部分。Ang同样，您不能通过同一按钮关闭模态，因为从技术上讲，它位于模态下方。如果你点击页面上的任何地方，在模式之外，模式就会关闭。