单击图像映射并在引导程序中打开模态窗口
click image map and open modal window in bootstrap
下午好。我有一个图像地图,需要打开一个模态点击图像。然而,我今天发现我不能使用标签来进行图像映射。。。我想知道如何使用图像地图打开模态
它不是这样工作的:
<a href="<c:url value="/myApp/test"/>" data-toggle="modal" data-target="#new-modal"><area shape="rect" coords="289,399,368,662 ></a>
要运行映射,必须没有以下标记"a href"。。。
<area shape="rect" coords="289,399,368,662" href="<c:url value="/myApp/test"/>" data-toggle="modal" data-target="#new-modal">
只有这样才能打开模式自举。
我遇到了同样的问题并遇到了这个解决方案。我们应该从区域中删除href,并包括datatoggle="modal"和datatarget="#id"
<img src="desktop.jpg usemap="#May2May16-1">
<map name="May2May16-1" class="default">
<area shape="rect" coords="691,336,1239,375" style="outline:none" title="Offer Details" alt="Offer Details" data-toggle="modal" data-target="#myModal">
</map>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
相关文章:
- 点击AngularJS模态窗口捕捉背景事件
- 在angularJS中使用模态窗口时,在控制器之间共享对象数组
- 如何使用jquery关闭模态窗口,通过模拟模态's关闭按钮
- Angularjs - 观察模态窗口从另一个控制器关闭
- 模态窗口yii2中的Ajax验证数据
- Ajax 模态窗口可以访问父窗口 PHP 数据吗?
- 在选择(rails_admin)时更改时在模态窗口中添加新字段
- 在模态窗口上创建 cookie
- 如何在用户离开网页时显示模态窗口
- Magento时事通讯弹出窗口(模态窗口)在每个页面上触发.它应该只在主页上弹出
- 如何在 jquery 中浮动模态窗口
- 创建一个模态窗口以使用 AngularJS 加载数据
- Angular JS将msg广播到多个视图,包括模态窗口
- 模态窗口在电子上消失
- 如何使用 javascript 在模态窗口内重定向
- ExtJS 4.2.1 用于加载指示和模态窗口的不同 CSS 掩码
- 机器人可以单击在 javascript 中制作模态窗口的链接吗?
- 如何在 angularjs 模态窗口中运行 jquery
- Javascript 模态窗口例程每次单击都会执行更多时间
- 模态窗口(弹出窗口)警报在使用 angularJs 的错误字段上显示