Question

我不熟悉JavaScript。在我的项目中，我想制作一个CSS弹出窗口。我使用CSS和JavaScript创建了一个弹出窗口。

JavaScript的：

 function ShowPop(id)
 { 

  document.getElementById(id).style.visibility = "visible";
  }

CSS：

 .popup
  {

    position: absolute; 
    left:400px; 
    top:100px; width:230px;
    border-style:solid;
    padding: 5px;
    z-index:2;
    visibility:hidden;
 }

HTML：

  <a href='javascript:void(0);' onclick='ShowPop("term1")>a</a>
  <span id='term1'></span>

我怀疑的是如何只使用一个<span id='term1'></span>来打开多个弹出窗口。每个弹出窗口必须包含从数据库中检索的不同内容。如何打开多个CSS弹出窗口？

Answer 1

希望这会对你有所帮助，我就是这样做的：

http://jsfiddle.net/F5VCJ/

编辑：我没有实现任何移动对话框的功能，所以目前你是那个必须实现它的人，但是现在你可以简单地给对话框提供不同的类来定位它们，或者编写一些代码使它们出现在给定元素旁边。

Answer 2

如果你想在任何时候打开多个弹出窗口，你需要多个元素来显示数据。最简单的方法是使用已编写的许多jQuery插件中的一个来执行此操作 - 我自己从未使用过，我无法提供任何建议，但快速谷歌搜索就足够了。

但是，如果你真的想自己实现它，你需要使用jQuery按需创建元素，将相关数据（由点击的链接决定）加载到新创建的元素中，然后添加它到DOM并使其可见。然后，当用户选择关闭弹出窗口时，只需再次删除该元素即可。

使用JavaScript显示多个CSS弹出窗口

2 个答案: