Question

我找到了一些用于在线制作模态的代码，但是当我尝试实现衰落部分时，它只能运行一次并自动打开，除非删除脚本的这一部分。可能是什么问题呢？这是我的代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

<h2>My Modal</h2>

<div id="fade" class="modal">
    <p>Thanks for clicking.</p>
    <a href="#" rel="modal:close">Close</a>
</div>

<p><a href="#fade" rel="modal:open">Open Modal</a></p>

<script>
    $("#fade").modal({
        fadeDuration: 200,
    });

</script>

Answer 1

使用Chrome为我工作。顺便说一下，可以在https://jquerymodal.com/

中找到小部件文档

自动打开对话框的原因是.modal()函数打开了对话框。但是请注意，带有属性的锚元素的定义 rel="modal:open"附加了一个处理程序，如果对话框处于关闭状态，该处理程序将在单击时打开对话框。因此，在您的代码中不需要调用.modal()，它会导致在加载页面时打开对话框。

但是，要设置淡入淡出效果，可以根据需要设置$.modal.defaults属性。我已经根据您的jsFiddle代码编写了一个有效的示例。

jQuery模态衰落问题

1 个答案: