javascript - 我的页面上有 5 个弹出按钮。具有不同的背景和内容。这个怎么运作？

Question

在一个页面中使用 5 个具有不同背景颜色和内容的弹出窗口的任何选项？

我正在尝试使用此代码http://istockphp.com/demo/popup-div-with-jquery/

Answer 1

1. 给按钮一个类和一个ID，比如<button class="popupButton" id="button1" />
2. 默认隐藏弹出窗口。通过将它们在 css 中设置为display:none.

3. 创建一个像这样的jquery代码：

   $('.popupButton').click(function(){
   
       if($(this).attr('id')=="button1")
           $('#popup1').show();
       if($(this).attr('id')=="button2")
           $('#popup2').show();
       // etc...
   
   });
   

Answer 2

好吧，Hans Wassink 已经给出了一个很好的提示，你可以如何归档你的目标。你已经有一些代码了吗？也许我们可以帮助您尝试修复您的错误。