simpleModal 中 nivo-slider 的问题

Question

nivo-slider 显示并工作正常，我遇到的问题是，如果关闭模式窗口，然后重新打开它，nivo-slider 就会损坏。它停留在第一张图片上，并且所有与 nivo-slider 相关的按钮都没有响应。

有没有办法可以附加 simpleModal 关闭的方式，这样它就不会破坏 nivo-slider？

simpleModal

Nivo Slider

注意： 这可能是因为 nivo-slider 在页面加载时运行，但是，simpleModal 在以下情况下卸载它：模式窗口已关闭，因此如果您重新打开模式窗口，则无法重新加载它。

因此，解决这个问题的方法可能是更改 simplemodal，以便在窗口关闭时不卸载其内容，而是简单地隐藏它。问题是我不知道该怎么做。

Answer 1

由于没有人愿意回答我的问题，所以我挖了 simpleModal 的源代码并自己做了。

我查看了源代码，直到找到它用于关闭模式窗口的函数，然后我查找了删除内容并将其更改为仅隐藏它们的部分。

注意： 我的修复不适用于在模式窗口中包含将由用户更改的信息的人，但它适用于像我一样使用该窗口获取静态信息的任何人。

只需将这些更改应用于源代码：

From：（此代码从 simpleModal 版本 1.4.1 的未修改源的第 664 行开始）

// if the data came from the DOM, put it back
if (s.d.placeholder) {
    var ph = $('#simplemodal-placeholder');
    // save changes to the data?
    if (s.o.persist) {
        // insert the (possibly) modified data back into the DOM
        ph.replaceWith(s.d.data.removeClass('simplemodal-data').css('display', s.display));
    }
    else {
        // remove the current and insert the original,
        // unmodified data back into the DOM
        s.d.data.hide().remove();
        ph.replaceWith(s.d.orig);
    }
}
else {
    // otherwise, remove it
    s.d.data.hide().remove();
}

// remove the remaining elements
s.d.container.hide().remove();
s.d.overlay.hide();
s.d.iframe && s.d.iframe.hide().remove();
setTimeout(function(){
    // opera work-around
    s.d.overlay.remove();
    // reset the dialog object
    s.d = {};
}, 10);

to：

// if the data came from the DOM, put it back
if (s.d.placeholder) {
    var ph = $('#simplemodal-placeholder');
    // save changes to the data?
    if (s.o.persist) {
        // insert the (possibly) modified data back into the DOM
        ph.replaceWith(s.d.data.removeClass('simplemodal-data').css('display', s.display));
    }
    else {
        // remove the current and insert the original,
        // unmodified data back into the DOM
        s.d.data.hide();
    }
}
else {
    // otherwise, remove it
    s.d.data.hide();
}

// remove the remaining elements
s.d.container.hide();
s.d.overlay.hide();
s.d.iframe && s.d.iframe.hide();
setTimeout(function(){
    // opera work-around
    s.d.overlay.remove();
    // reset the dialog object
    s.d = {};
}, 10);

我只更改了 4 行，但现在 simpleModal 仅在关闭窗口时隐藏内容，而不会卸载它。

要获取 simpleModal 的未修改源代码，只需单击我在下面放置的链接即可下载。

simpleModal

注意： 这是完整的、未压缩的源代码，用于开发目的。编辑完成后，我建议您使用以下网站对其进行压缩：JavascriptCompressor