页面加载后如何使Jquery弹出框立即打开 [英] How to make Jquery pop up box open immediately once page loads
本文介绍了页面加载后如何使Jquery弹出框立即打开的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我找到了这个精美的弹出表单,希望在我的页面中使用.我不太清楚如何在页面加载后立即删除单击以打开"链接并立即打开表单.
I found this fancy popup form, which I would like to use in my page. I cannot understand well how can I remove the link ''click to open'' and open the form immediately once my page loads.
<body>
<div id="wrapper">
<p><a class="modalbox" href="#inline">click to open</a></p>
</div>
<!-- hidden inline form -->
<div id="inline">
<h2>Administration</h2>
<form id="contact" name="contact" action="#" method="POST">
<label for="username">User: </label>
<input type="username" id="username" name="username" class="txt"> <!-- using style.css -->
<br>
<label for="password">Password</label>
<input type="password" id="password" name="password" class="txt"> <!-- using style.css -->
<br>
<button id="send">Login</button>
<!--<input type="submit" value="Login">-->
</form>
</div>
<!-- basic fancybox setup -->
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox();
$("#contact").submit(function() { return false; });
$("#send").on("click", function(){
var username = $("#username").val();
var password = $("#password").val();
{
// first we hide the submit btn so the user doesnt click twice
$("#send").replaceWith("<em>logging in...</em>");
$.ajax({
type: 'POST',
url: 'pc_mainloginexec.php',
data: $("#contact").serialize(),
success: function(data) {
$("#contact").fadeOut("fast", function(){
if (data != 'false') {
$(this).before("<p><strong>Success!</strong></p>");
setTimeout("$.fancybox.close()", 1000);
//alert(data);
location.replace("http://my-url.com/admin.php");
}
});
}
});
}
});
});
</script>
</body>
推荐答案
(document).ready(function(){
(document).ready(function() {
(.modalbox").fancybox() ;
(".modalbox").fancybox();
(#contact").submit(function(){return false;});
("#contact").submit(function() { return false; });
这篇关于页面加载后如何使Jquery弹出框立即打开的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文