我的页面上有5个弹出按钮.具有不同的背景和内容.它是如何工作的

5 popups buttons are in my page. with different background and content. how it works?

本文关键字：何工作 工作 背景 5个 按钮 我的      更新时间：2023-09-26

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

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

  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...
});

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

相关文章：