我有一个包含多个跨度元素的弹出 div 如何显示另一个跨度答案

【问题标题】：I have a popup div with more than one span element how to display another span我有一个包含多个跨度元素的弹出 div 如何显示另一个跨度
【发布时间】：2012-11-12 21:56:16
【问题描述】：

我有一个包含多个跨度元素的弹出 div 如何显示另一个跨度

javascript

$(document).ready(function() {
$(".levert").click(function () {
$("#popUpDiv").show("slow");
});

});

HTML

<div id="popUpDiv" style="display:none">
<img src="logo_klein.png" width="117" height="33" class="logoklein1" ><p
id="headertextbox">is</p></img>

<span class="textbox1"></span>
<span class="textbox2"></span>
<span class="textbox3"></span>
</div>
</div>

带链接的图像地图

<img id="logo" src="./logo.png" alt="Phlox" usemap="#links"></img>


<map name="links">
<area shape="circle" coords="291,46,46" href="#" class="levert"></area>
<area shape="circle" coords="55,245,46" href="#" class="is"></area>
</map>

【问题讨论】：

在显示#popUpDiv 时不是已经显示了吗？如果没有，答案完全取决于 为什么 它没有显示。（确实应该，使用您在此处显示的代码。）
是的，跨度正在显示，但在其他具有不同文本的地方需要 popupdiv，因此必须在关闭时将其清除并填充另一个跨度
真的没有提供太多关于如何管理跨度的详细信息

标签： javascript jquery popup html

【解决方案1】：

当您想清除 popupDiv 并使用类 textbox2 添加跨度时，请执行此操作

$("#popUpDiv").empty().append('.textbox2').show("slow");

【讨论】：

这种方式只能工作一次。在第二次使用时为空...textbox2 将不再存在