【问题标题】:5 popups buttons are in my page. with different background and content. how it works? [closed]我的页面上有 5 个弹出按钮。具有不同的背景和内容。这个怎么运作? [关闭]
【发布时间】:2013-06-24 08:56:02
【问题描述】:

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

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

【问题讨论】:

  • 你有什么问题?
  • 那么...您要删除这些弹出窗口吗?
  • 5 个按钮显示 5 个弹出窗口。这 5 个弹出窗口位于 5 种不同的背景和内容中。它是如何工作的?
  • 不,我想要那个弹出窗口。
  • 我需要 5 个不同背景和内容的弹出窗口。

标签: javascript jquery popup


【解决方案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...
    
    });
    

【讨论】:

    【解决方案2】:

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-02-03
    • 1970-01-01
    • 2011-04-13
    • 2020-11-28
    • 1970-01-01
    • 1970-01-01
    • 2021-03-03
    相关资源
    最近更新 更多