Tag: overlay

将jqueryui覆盖保持在相同的DOM位置

反正有没有将jQueryUI覆盖保持在相同的DOM位置？ 看看这个 HTML Stuff JS： $(‘#over’).dialog({modal: true}); 如果你在DOM上检查它，你会发现叠加层被移动到document.body的直接子document.body 有没有办法让它保持在起始位置？ （ div#parent直接孩子）？

Chrome / Safari（webkit）中的JQuery Overlay无法进行更改

在谷歌花了几天试图找到答案后，我转向那些我应该开始的人。 我已经安装并使用Overlay取得了巨大的成功。 问题是能够对覆盖视图进行jQuery更改。 它在IE和FF中完美运行，但在Chrome或Safari（webkit）中无效。 我意识到webkit中内置了安全保护，但视图与网站的其他部分位于同一服务器上。 我做错了什么？ 有没有关于绕过这些证券的提示？ 任何提示都会有帮助。 如果您已成功完成此操作，请提供示例代码。 如果可能的话，我今天需要完成这项工作。 此示例是正在使用的代码的摘录。 谢谢你，拉尔夫 var triggers = jQuery(“input[rel]”).overlay({ mask: { color: ‘#ebecff’, loadSpeed: 200, opacity: 0.9 }, effect: ‘apple’, onBeforeLoad: function() { // grab wrapper element inside content var wrap = this.getOverlay().find(“.contentWrap”); var link = “index.php?page=account.billing&option=com_virtuemart”; //Add the link and style attributes to the basic iframe //jQuery(theframe).attr({ […]

我可以添加叠加层，但我无法删除它（jQuery）

此function为整个浏览器屏幕添加具有以下属性的叠加层， $(‘a.cell’).click(function() { $(”).appendTo(‘body’).fadeIn(“slow”); }); #overlay { background-color: black; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 100; opacity: 0.5; } 这个函数应该删除它。 $(‘#overlay’).click(function() { $(this).fadeOut(“slow”).remove(); }); 但它似乎什么也没做，现在我的页面被黑色过度粘在上面了。 删除有什么问题？

寻找JS / JQuery FULLY模态叠加

我需要一个模式覆盖，它将阻止与页面其余部分的交互，并且不是用户可以关闭的，但似乎找不到我不必覆盖现有function的地方（比如删除X按钮或删除esc-to-closefunction）。 有人知道JQuery插件或其他可以做到这一点的JS库吗？ 更小+更简单更好…… 实际上，这对我自己来说是相当简单的（用100％透明的div覆盖整个页面），但是很难完美（如果用户调整窗口大小怎么办？怎么样呢？）。 理想情况下我会使用插件，但我讨厌为我的需求配置插件，因为它们似乎永远不适合我！

jquery工具叠加，如何在切换叠加时保持遮罩

我有2个叠加的简单问题。 从另一个叠加层触发一个叠加层。 由于在任何时候只有一个叠加层可以处于活动状态，因此，触发2的叠加层1将关闭。 然而，它采用掩模，因此覆盖2出现没有掩模。 如何在没有遮罩消失的情况下在2个叠加层之间切换？ 代码，叠加1 $(“button[rel*=busy]”).overlay({ api: true , mask: { maskId: ‘defaultMask’ , color: null }, effect: ‘apple’, onLoad: function() { $.post( ‘ajax_file_here.php’ , { var: something } , function( data ){ if( data.status == ‘confirm’ ) { confirmOverlay(); } else { errorOverlay(); } } , ‘json’ ); } , closeOnClick: false , […]

显示覆盖以覆盖整个页面

我有一个在iframe加载的网络应用程序。 我需要显示一个覆盖div来覆盖整个页面。 问题是叠加层当前只显示在iframe区域而不是覆盖整个页面，（我们的应用程序（子应用程序）是iframe加载的一组应用程序的一部分）

使用pjax实现叠加层的最佳方法

目前我正在使用pjax加载片段并覆盖我网站页面的主页面。 然后我用jquery更改body类，以允许一些样式更改。 这很好但浏览器后退按钮不能正常工作，因为在点击pjax触发器时触发了body类更改，因此body保持了overlay的类。 当你点击一个项目时，我正在寻找的效果与这个网站非常相似。 http://www.watsonnyc.com/ 显然这不起作用所以必须有更好的方法。 以下是我的代码示例： $(‘.back’).pjax(‘.info_overlay’, { fragment: ‘.info_overlay’,}).live(‘click’, function(){ $(‘body’).removeClass(“info”).addClass(“work”); $(‘.info_overlay’) .bind(‘pjax:start’, function() { $(this).fadeOut(duration); }) .bind(‘pjax:end’, function() { $(this).hide(); }); })

如何在加载数据时创建页面覆盖 – asp.net/jquery/blockui

我正在尝试显示一个覆盖，上面写着“页面加载……请等待”，同时从sql server重新获取数据。 我希望为此使用BlockUI插件，但任何事情都可以。 我有一个使用site.master的ASP.NET页面。 该插件可以工作，但无论我尝试什么，它只会在页面完全加载后出现。 大部分等待都是在Global.asax文件中完成的。 在Session_Start部分中，我有一个函数返回数据以填充页面上的下拉菜单。 这需要大约20秒才能完成。 那么，在页面完全加载之前，我需要做什么才能查看叠加层？ 感谢您的帮助或建议。

jquery覆盖加载条div

所以我有一个数据表，我正在使用ajax获取数据。 检索数据时，表格中的数据消失，出现一个小的加载圆圈。 我更喜欢保留数据（我知道该怎么做）以及加载圆圈出现在它的中心的桌子上（不一定是垂直的，至少是水平的），还有一个稍微透明的背景阻挡稍微看一下桌子的视图（不是网页的其余部分）。 如何在桌面上显示div并执行此操作？

jQuery Tools警报只运行一次（但只运行一次）

我正在尝试使用jQuery Tools构建一个简单的警报机制 – 响应一些Javascript代码，弹出一个带有消息的叠加层和一个OK按钮，单击该按钮会使叠加层消失。 琐碎，或应该是。 我一直在盲目地关注http://flowplayer.org/tools/demos/overlay/trigger.html ，并且在第一次调用时有一些正常工作，但只是那个时候。 如果我重复应该公开叠加层的JS动作，它就不会。 我的内容/ DIV： hi there this is the body OK 和Javascript： function showOverlayDialog() { $(‘#the_alert’).overlay({ mask: {color: ‘#cccccc’, loadSpeed: 200, opacity: 0.9}, closeOnClick: false, load: true }); } 正如我所说：当第一次调用showOverlayDialog（）时，叠加显示就像它应该的那样，并在单击“确定”按钮时消失。 但是，如果我再次运行showOverlayDialog（），而不重新加载页面，则没有任何反应。 如果我重新加载页面，那么模式会重复 – 第一次调用会显示叠加层，但第二次调用不会。 我显然缺少一些东西 – 那里有什么建议吗？ 谢谢！