如果多次点击超链接,Fancybox内容会重复

时间:2015-11-09 14:54:34

标签: jquery html popup fancybox-2

我正在为SilverStripe网站构建一个fancybox弹出窗口,虽然事情几乎正常,但还有一个问题需要解决。如果用户多次单击超链接,则fancybox弹出ID中的内容会重复。我不是指在弹出窗口加载之前单击太多次 - 我指的是弹出窗口加载,关闭然后再打开的时候。

以下是我为fancybox弹出窗口设置的内容:

<div style="display:none;">
    <div id="Wait-Times-Modal">
        <h3>Wait Times</h3>
        <p>Primary area wait times:</p>
        <p id="Wait_Times"></p>

        <p>Wait times for other areas:</p>
        <p id="Wait_Times_Alt"></p>
    </div>
</div>

这是弹出窗口的html内容:

url => "%{myField}"

打开弹出窗口的超链接位于其中一个网站页面上的富文本编辑器中(即所请求的内容)。

我猜测在afterClose中,我需要以某种方式清除弹出窗口的内容,以便在多次单击超链接时它不会重复。但由于它不是表格,我不认为我可以调用reset()。是否有其他方法可以在关闭时清除/重置弹出窗口中的内容?

1 个答案:

答案 0 :(得分:1)

在你的afterClose函数中(假设函数在你需要的时候触发),你应该可以这样做:

$("#Wait_Times").html(""); 

这只是将元素的html设置为空字符串。你可以为#Wait_Times_Alt

做同样的事情