Question

我希望能够在模式关闭时卸载CSS，并在模式再次打开时重新加载CSS。这样做的原因是因为我注意到，如果用户在关闭模式后仍停留在页面上，则css仍然存在，他们必须刷新页面才能像打开模式之前那样显示页面。

另一种解决方案是更改CSS，但是作为数百行内容，我宁愿找到一种使用javascript操作来实现此目的的方法。以下是我尝试使用的代码。有人知道我要去哪里错吗？模态以css打开，但是在关闭模态后，模态在再次打开时不会重新加载css。

$('.modal').on('shown.bs.modal', function() {
    window.loadCSS(`pathname/css/mycssfile.css`);
});

$('.modal').on('hidden.bs.modal', function () {
    $("link[href*='mycssfile']").prop('disabled', true);
    $("link[href*='mycssfile']").remove();
});

Answer 1

是否可以显示样式。将CSS文件附加到您要打开的页面中的<head>上，如下所示：

<link rel="stylesheet" href="css/modal.css">

别忘了进行模态显示：CSS文件都不是

。

然后按如下所示进行“打开”链接/按钮：

<a href="#" onclick="document.getElementById('open1').style.display='block'"><i class="eye far fa-eye"></i></a>

在模式中别忘了创建“关闭”链接/按钮：

<span style="font-size: 40px;" onclick="document.getElementById('open1').style.display='none'" class="close" title="Close Modal">&times;</span>

在模态事件监听器上重新加载和卸载CSS

1 个答案: