页面加载后弹出而不是按钮
Popup after page is loaded instead of button
已解决
...
..
.
。
..
...
你好,
我在互联网上四处搜索,找不到代码,该代码在页面加载后显示为弹出窗口。我找到了一个弹出窗口模板,但它带有打开弹出窗口的按钮 window,并且无法编写在页面加载后打开的代码。有人可以帮助我吗? :/ 对不起我的英语 :x
弹出窗口-Window-带有示例和来源的模板:HERE
代码:
<ul class="examples">
<li class="success">
<div class="ui">
<button>Try me!</button>
</div>
</li>
</ul>
<script>
document.querySelector('ul.examples li.success button').onclick = function(){
swal({
title: "Hi,",
text: "Thanks",
timer: 2000,
showConfirmButton: false
});)
};
</script>
在 document ready
事件上调用您的方法。
ready
事件将在加载 DOM 个元素时执行。
$(function(){
alert("DOM loaded. Hopefully swal method does not have any other script errors");
swal({ title: "Hi,", text: "Thanks", timer: 2000, showConfirmButton: false });
});
如果您使用 JQuery,Shyju 的代码将能正常工作。
如果不是,那么您可以尝试以下操作:
<script>
window.onload = function() {
swal({
title: "Hi,",
text: "Thanks",
timer: 2000,
showConfirmButton: false });
}
</script>
window.onload 与 $(function(){}) 的区别是:
- $(function)({}):DOM 帧加载完成后执行。
- window.onload:在 DOM 框架和所有资源(例如:图像)都完全加载后执行。
已解决
... .. .
。 .. ...
你好, 我在互联网上四处搜索,找不到代码,该代码在页面加载后显示为弹出窗口。我找到了一个弹出窗口模板,但它带有打开弹出窗口的按钮 window,并且无法编写在页面加载后打开的代码。有人可以帮助我吗? :/ 对不起我的英语 :x
弹出窗口-Window-带有示例和来源的模板:HERE
代码:
<ul class="examples">
<li class="success">
<div class="ui">
<button>Try me!</button>
</div>
</li>
</ul>
<script>
document.querySelector('ul.examples li.success button').onclick = function(){
swal({
title: "Hi,",
text: "Thanks",
timer: 2000,
showConfirmButton: false
});)
};
</script>
在 document ready
事件上调用您的方法。
ready
事件将在加载 DOM 个元素时执行。
$(function(){
alert("DOM loaded. Hopefully swal method does not have any other script errors");
swal({ title: "Hi,", text: "Thanks", timer: 2000, showConfirmButton: false });
});
如果您使用 JQuery,Shyju 的代码将能正常工作。 如果不是,那么您可以尝试以下操作:
<script>
window.onload = function() {
swal({
title: "Hi,",
text: "Thanks",
timer: 2000,
showConfirmButton: false });
}
</script>
window.onload 与 $(function(){}) 的区别是:
- $(function)({}):DOM 帧加载完成后执行。
- window.onload:在 DOM 框架和所有资源(例如:图像)都完全加载后执行。