如何解决从外部页面
关于从当前页面的另一页面加载模式或在页面加载时在当前页面上打开模式有很多问题。
我想做的事情(我承认这是一个有点非常规的UI)是单击/ home上的图像热点(团队照片中的个人),这将打开/ team#modal1。 仅仅使用链接定位模态不会导致它打开。
我可以在/ home上复制模态内容,但这可能会使用户更加困惑,因为/ team页面已经包含每个成员的所有这些头像和模态详细信息。如果有人有兴趣了解有关团队成员的更多信息,那么他们将在正确的页面上发现更多信息,并且内容不会重复。
在Bootstrap4文档中我没有找到任何关于此的内容,只是在v4中已取消了远程路径选项:
<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
为了清楚起见,我不想从当前页面的另一页面打开模式。 我想单击一个链接,该链接打开另一个页面,并在该页面上打开特定模式,而无需进一步单击。
是否可以在Bootstrap中本地执行此操作?
解决方法
如果您使用的是JQuery 1.9或更高版本,则可以使用target selector选择模式,然后在文档准备功能中使用.modal('show')
来显示模式。所以基本上:
$(document).ready(function() {
$(":target").modal("show")
});
但是,您应该知道使用此方法可能带来的安全隐患(例如XSS)。例如拿 看看https://security.stackexchange.com/questions/177261/is-xss-possible-with-jquerylocation-hash
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。