Jquery 是否可以通过链接按钮转到另一个页面并在其上打开模式?
我想知道是否可以将一个按钮链接到另一个页面上的模式,因此基本上,当您单击一个按钮时,另一个页面将加载到新选项卡中,目标为0,并且该页面上打开了模式?这是一个使用jQuery执行此操作的非常简单的示例: 在带有按钮的页面上,您需要一个普通链接和一个带有模态id的属性data modal=modal idJquery 是否可以通过链接按钮转到另一个页面并在其上打开模式?,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我想知道是否可以将一个按钮链接到另一个页面上的模式,因此基本上,当您单击一个按钮时,另一个页面将加载到新选项卡中,目标为0,并且该页面上打开了模式?这是一个使用jQuery执行此操作的非常简单的示例: 在带有按钮的页面上,您需要一个普通链接和一个带有模态id的属性data modal=modal id page1.html: <a class="open-modal" href="page2.html" data-modal="modal-ipsum" target="_blan
page1.html:
<a class="open-modal" href="page2.html" data-modal="modal-ipsum" target="_blank">
<button>Open Modal</button>
</a>
然后在JS文件中:
main.js:
$(".open-modal").click(function(e){
e.preventDefault();
var modal = $(this).data("modal");
var page = $(this).attr("href");
localStorage.setItem('modal', modal);
window.location.href = page;
});
if ("modal" in localStorage) {
var modal = localStorage.getItem('modal');
$("#" + modal).fadeIn();
}
这样做的目的是,当您单击一个带有“打开模式”类的链接时,它会在本地存储中设置一个值为modal ipsum的键,然后转到链接页面
在第二页上,您还需要链接JS文件。文档准备好后,它会检查localStorage是否包含名为modal的项。如果是这样的话,它会在模态中以id modal ipsum淡出
代码没有经过测试
这只是一些帮助,让你开始。下次尝试一些东西,然后就您的代码寻求帮助,这样我们可以更具体地帮助您。是的,这当然是可能的。关于href属性,您将如何执行此操作?您需要创建一种向下一页发送消息的方法,以便在下一页加载时打开模式。要做到这一点,您可以使用localStorage、sessionStorage、cookie、querystring,甚至服务器端标志,尽管这可能有些过分。如果您需要这方面的具体帮助,请将您编写的代码添加到问题中,以便我们可以帮助您调试它。请记住,SO不是来为您编写代码的。
main.js:
$(".open-modal").click(function(e){
e.preventDefault();
var modal = $(this).data("modal");
var page = $(this).attr("href");
localStorage.setItem('modal', modal);
window.location.href = page;
});
if ("modal" in localStorage) {
var modal = localStorage.getItem('modal');
$("#" + modal).fadeIn();
}