Question

我有一个图像地图，其中包含各种指向模态的链接，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="" /

点击＆＃39;链接＆＃39;打开模态，单击图像映射不

我使用棘轮进行模态

Answer 1

来自Ratchet documentation：

模态旨在仅从链接中触发。

您可以在棘轮模式代码中看到this line，它只选择area标签来附加听众，因此它不会检测到a代码的点击次数。

我看到两种可能的选择：

提出棘轮GitHub回购的问题，我确信开发人员能够提出解决方案（或提供修复）。
使用JS代理area代码中的点击，创建涉及隐藏ArrayList代码的hacky变通方法。

图像映射链接未加载模态

1 个答案: