0

我有一个图像地图,其中包含指向模态的各种链接,href="#mymodal"但是当我单击它们时这些没有出现,地址会使用正确的 id 更新,但模态不会出现......

a href="#tiltyard" link
  img.pure-img usemap="#hcmap" src="images/FoodDrinkBG_light.jpg"
  map#hcmap name="hcmap"
    area alt="" coords="9,167,194,404" href="#tiltyard" shape="rect" target="_self" title="" /
    area alt="" coords="325,181,476,403" href="#wilderness" shape="rect" target="" title="" /
    area alt="" coords="343,432,621,586" href="#privy" shape="rect" target="" title="" /
    area alt="" coords="271,611,417,841" href="#fountain" shape="rect" target="" title="" /
    area alt="" coords="479,618,618,819" href="#icecream" shape="rect" target="" title="" /

单击“链接”打开模式,单击图像地图不会

我正在使用棘轮作为模态

4

1 回答 1

0

棘轮文档

模态框被设计为仅从链接触发。

您可以从Ratchet 模态代码中的这一行看到,它只是选择a要附加侦听器的标签,因此它不会检测到您的area标签上的点击。

我看到两种可能的选择:

  1. 在 Ratchet GitHub 存储库上提出问题,我相信开发人员将能够提出解决方案(或提供修复)。
  2. 创建一个涉及隐藏a标签的 hacky 解决方法,使用 JS 代理来自area标签的点击。
于 2015-09-11T12:08:26.000 回答