我只是想告诉用户下一步操作(单击链接)将需要一些时间...(以避免重新加载页面并再次单击链接)。
我已经尝试过:
<p id="message" style="display:none" class="notification">This could take a while, please sit down and relax</p>
<script>
$(document).ready(function() {
$("a").click(function() {
$("#message").show();
});
});
</script>
但是消息没有显示。点击按预期进行。
最佳答案
$(function() {
$("a").click(function() {
$("#message").stop(true, true).show(250);
$("#message").delay(2000).hide(250);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href = "#">test foo link</a>
<p id="message" style="display:none" class="notification">This could take a while, please sit down and relax</p>
类似这样的事情吗?
关于javascript - 如何在点击链接之前显示 (DOM) 消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28807157/