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

时间:2013-06-24 08:56:03

标签: javascript jquery popup

在一个页面中使用5个不同bg颜色和内容的弹出窗口的任何选项?

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

2 个答案:

答案 0 :(得分:3)

  1. 为按钮指定一个类和一个ID,例如<button class="popupButton" id="button1" />
  2. 默认隐藏弹出窗口。通过将它们设置为display:none
  3. 创建一个像这样的jquery代码:

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

答案 1 :(得分:0)

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