2016 - 2024

感恩一路有你

html5 bootstrap模态框怎么实现打开一个其他的网页?

浏览量:1640 时间:2021-03-12 08:14:32 作者:admin

bootstrap模态框怎么实现打开一个其他的网页?

单击按钮弹出模式框。使用a标签。在tag属性中,数据目标使用#ID,属性为#URL,如下所示

<A data toggle=“modal”a=“远程.html“CLACLA级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级数据数据目标级级级级级级级级级级级级级级级数据级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级级诎诎诎诎诎诎诎诎诎诎诎诎诎诎。

在官方网站介绍中,与开放界面相关的属性如下:Dashen help

如果提供了远程URL地址,则通过jQuery的加载方法加载内容并注入到。模态体。如果您使用的是数据属性API,还可以使用标签指定远程数据源

您要说的是模式框。只需参考bootstrap框架,了解如何使用模态框

~]。你对模板继承的理解是有偏见的。模式框和触发按钮应放在一起才能生效。触发器按钮位于基本模板的导航栏上,模式框位于登录.html在。虽然在登录.html基本模板的登录块被重载,但是您可以呈现其他页面(例如索引.html)不会加载登录.html的内容。

如果登录注册按钮仅在主页上(索引.html)可见,放在主页上。如果它在许多页面上可见,则需要将其放置在基本模板中。这就引出了第二个问题:如何传递form变量?

.由于大多数页面继承基本模板,因此表单变量必须是全局可访问的。我们可以使用G变量来存储表单,这样就不需要在每个视图中实例化表单对象。下面的函数生成login Form变量,该变量可在基本模板中使用。

呈现时,模板中<form>标记的action属性指向登录视图的URL,以便在登录视图中处理表单验证。

。现在有了一个表单,您需要考虑验证问题。从上面的屏幕截图来看,您没有呈现错误消息。另外,由于表单放置在模式框中,如果验证失败,仍然需要跳转到模式框以显示错误消息。但是bootstrap的模态盒不能用锚打开,也就是说,它可以直接访问http://example.com#mymodal-登录无法打开模式框。用户需要再次单击按钮以查看错误消息。

基于以上考虑,您有两个选择:

1)使用支持锚打开的模态盒插件,如remodal。

2)使用Ajax提交表单,接收并呈现错误消息。

html5 模态窗口 js模态框

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。