我知道有更有效的方法可以做到这一点，但我有理由这样做。我有一个模态弹出窗口。我希望访问者加载页面后立即弹出此窗口。到目前为止，通过单击将它们带到 index.php#login_form 的链接可以到达并打开该窗口。
"#login_form" 是我想在页面加载时添加 URL。然后他们可以选择在它最初加载弹出窗口后退出它。
现在有没有一种方法可以更有效地做到这一点，而无需大量更改我的 css 或代码？
谢谢！
【问题讨论】：
标签： html css modalpopups
url中的hash可以通过javascript中的window.location.hash访问。你可以在body onload事件中判断。
【讨论】：
为了回答您的问题，我创建了一个小提琴，它以您的为例并解决了您正在寻找的问题。 http://jsfiddle.net/sgaurav/xA4vG/
基本上，这段代码的作用是，选择您要模拟的点击 id，然后根据此处给出的答案为点击创建一个鼠标事件How do I simulate user clicking a link in JQuery?
$.fn.simulateClick = function() {
return this.each(function() {
if('createEvent' in document) {
var doc = this.ownerDocument,
evt = doc.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true, doc.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
this.dispatchEvent(evt);
} else {
this.click(); // IE
}
});
}
现在这段代码用于 body 的 onload 事件来伪造点击你手动执行的链接，直到现在使用
jQuery(document).load(
jQuery('#join_pop').simulateClick()
);
这反过来会在页面打开后立即加载弹出窗口。如果需要，您可以将最后代码中的 id 更改为登录表单，这将开始显示在页面加载而不是注册时。
【讨论】：
一种简单的方法是使用主题标签 login_form 直接加载页面：
http://www.script-tutorials.com/demos/222/index.html#login_form
或者如果你想更“精确”，你可以像这样使用 jquery：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>
<!--Place this at the end of the body tag.-->
<script>
$(function(){
window.location.hash = "login_form"; //this will add with js the #login_form hash at the end of th url
})
</script>
您可以使用 jquery 在加载窗口时显示模态： 试试这段代码，你就会明白：
$(function(){
alert("Done loading");
})
您将添加代码以显示模式而不是警报功能。如果模态框使用 css 显示或隐藏，您可以轻松地将 css 类添加到元素中：
$(".element").addClass("showModal);
或者删除一个类：
$(".element").removeClass("hideModal");
确保已导入 jquery 库。我希望这能回答你的问题。
【讨论】：