jquery - 如何根据我单击的元素在网页上弹出叠加层?

标签 jquery html css

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

如果你去http://www.sherwin-williams.com/painting-contractors/project-solutions/residential-repaints/facility-illustration-guides/ ,您会注意到,当您单击“+”时,会弹出一个叠加层。我很好奇他们是如何完成这项工作的,所以我下载了源代码并决定试用一下。

我能够在此处重新创建网页 ( http://residentialrepaint.com/repaints.php ),但我注意到叠加层不起作用。我尝试在我认为有问题的地方挖掘 jquery-ui.min.js 文件,但该文件非常大且难以挖掘。我想也许文件没问题,但有一些链接错误。有谁知道如何让它工作,以及问题出在哪里,以便我可以更好地理解叠加层是如何工作的?

最佳答案

为了让 jQuery UI 覆盖在点击时出现,我会做这样的事情......

var $dialog = $('<div id="dialog" title="Dialog Title">Dialog Text</div>');

$('#buttonID').click( function() {

    $dialog.dialog({
        resizable: true,
        modal: true,
        buttons: {
            "Ok": function () {
                $( this ).dialog( "close" );
            }               
        }
    });
});

关于jquery - 如何根据我单击的元素在网页上弹出叠加层?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17586400/

上一篇:css - 为什么我的 CSS 不能在 IE 8 和 IE 7 中运行?

下一篇:图像上的 Firefox 中的 CSS3 动画不透明度

相关文章:

javascript - 有没有办法将 javascript 链接到外部 css 文件中的特定样式?

html - 更改宽度 css 时禁用文本框

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

jquery - 为什么这个选择器不起作用?

javascript - 在插件函数上创建 setTimeout

html - 两个 div 元素应排成一行

html - div 中的 css 同级选择器 div

jquery - Bootstrap 3 列在应用固定定位后水平移动

javascript - 如何阻止 javascript 函数调用直到完成

javascript - 试图将鼠标悬停在一个句子上并得到那个句子