单击后延迟弹出加载

Question

我需要做的就是在单击按钮后将弹出窗口从“弹出”延迟几秒钟。 这段代码有什么问题吗？

 $(document).ready(function() { $('#element-167 a').on("click", function() { $('.modal-dialog').delay(5000).fadeIn(); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Answer 1

尝试使用 setTimeout

$(document).ready(function() {
  $('#selected').on("click", function() {
      setTimeout(()=>{alert("Message here")},5000)
  });
});

<p id="selected">This is second paragraph.</p>

Answer 2

尝试删除“on”，仅删除 element.click 例如：

 $('#element-167 a').click (function() {})