Question

我想知道是否可以插入以下div

<div id="cal1"> [dopbsp id="1"  lang=it]</div>

<div id="cal2"> [dopbsp id="1"  lang=it]</div>

<div id="cal3"> [dopbsp id="1"  lang=it]</div>

直接在由不同形状区域链接的标记href图像地图中，如下所示

<area shape="circle" coords="160,59,20" href="#">
<area shape="circle" coords="111,58,20" href="#">
<area shape="circle" coords="60,59,20"  href="#">

这样当我点击形状区域时，例如

<area shape="circle" coords="160,59,20" href="#">

然后是对应的div，例如

<div id="cal1"> [dopbsp id="1"  lang=it]</div>

加载在地图图像下 Ps：dopbsp id="1" ...是wordpress的日历预订插件

谢谢

Answer 1

你做不到。 <area>不能包含任何子元素。有关详细信息，请参阅区域标记上的World-wide Web compendium working draft或Mozilla Developer Network description。

执行此操作的方法是通过ID将给定的<area>与给定的<div>相关联，并在点击{{1}时使用JavaScript显示/隐藏<div> }。沿着：

<area>

的jQuery

<area shape="circle" coords="160,59,20" href="#id-of-div-1">
<area shape="circle" coords="111,58,20" href="#id-of-div-2">
<area shape="circle" coords="60,59,20"  href="#id-of-div-3">

<div class="divs-to-show-hide">
 <div id="id-of-div-1">some content here</div>
 <div id="id-of-div-2">some content here</div>
 <div id="id-of-div-3">some content here</div>
</div>

如何直接在标签href区域形状中插入div

1 个答案: