單擊后延遲彈出加載

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() {})