程序员经验分享-hwhale

寻找 JS/JQuery 完全模态覆盖 [关闭]

2024-04-13

我需要一个模态叠加层，它将阻止与页面其余部分的交互，并且用户无法关闭，但似乎找不到一个不需要覆盖现有功能的模态叠加层（例如删除 X 按钮或删除ESC 关闭功能）。

有人知道 JQuery 插件或其他 JS 库可以做到这一点吗？越小+越简单越好...

实际上，我自己写起来相当简单（用 100% 透明的 div 覆盖整个页面），但更难完美（如果用户调整窗口大小怎么办？选项卡切换怎么办？）。因此，理想情况下我会使用插件，但我讨厌根据我的需要配置插件，因为它们似乎永远都不适合我！


http://developer.yahoo.com/yui/examples/container/panel-loading.html http://developer.yahoo.com/yui/examples/container/panel-loading.html

幸运的是我已经在使用 YUI，只是忽略了这一点。正是我想要的。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

html

overlay

modaldialog

寻找 JS/JQuery 完全模态覆盖 [关闭] 的相关文章

  • 如何使用 jQuery 向表中添加新行，并为其分配递增的 id

    我有一个现有的 HTML 表格 它是用户输入 GPS 点的表单的一部分 用户还可以选择上传 GPS 数据点 我想要一个用户可以按下的按钮 其中一些 Javascript 会向表中添加一个或多个新行 但新行必须继续增加表中使用的名称和 id

  • JavaScript 动画平滑滚动

    默认情况下 当您有这样的片段链接时 a href some url some fragment some text a 浏览器立即向下滚动到该片段 我该如何编程才能使用标准 JS 顺利地向下移动到该片段 这是一个例子 Example htt

  • 如何滚动到div内的元素？

    我有一个滚动的div我想在点击它时发生一个事件 它会强制执行此操作div滚动以查看内部元素 我写的JavasCript是这样的 document getElementById chr scrollIntoView true 但这会在滚动时滚

  • 使水平滚动条始终可见，即使底部不在视图中

    我将用一个片段来开始这个问题 该片段几乎显示了我想要完成的任务 wrapper overflow hidden display flex sidebar min width 200px background 333 color FFF co

  • 如何访问另一个 mobx 商店中的 mobx 商店？

    假设以下结构 stores RouterStore js UserStore js index js each of Store jsfiles 是一个 mobx 存储类 包含 observable and action index js只

  • 选中复选框时提交表单

    有没有办法在选中复选框时提交表单

  • 如何将 Browserify 与外部依赖项一起使用？

    我正在尝试慢慢地将 Browserify 引入我的网站 但我不想重写所有 js 也不希望 jquery 和其他库的重复实例与我的 Browserify 版本捆绑在一起 如果我构建将 jquery 列为外部依赖项的模块 那么如何将其指向我的全

  • 是否可以使用打字稿映射类型来创建接口的非函数属性类型？

    所以我正在研究 Typescript 的映射类型 是否可以创建一个接口来包装另一种类型 从而从原始类型中删除函数 例如 interface Person name string age number speak void type Data

  • Keycloak javascript 适配器 `keycloak.init` 加载 404 iframe

    我正在尝试使用 javascript 适配器将 Keycloak 集成到我的客户端应用程序keycloak js 但是 我似乎无法让它发挥作用 这是我的代码 const keycloak new Keycloak realm my real

  • 如何在网页上实现文件上传进度条？

    当用户将文件上传到我的网络应用程序时 我想显示比动画 gif 更有意义的内容 我还有哪些可能性 编辑 我正在使用 Net 但我不介意是否有人向我展示与平台无关的版本 如果您对这一切在客户端通常如何工作感兴趣 就是这样 所有解决方案都通过 J

  • window.showModalDialog 的等效跨浏览器解决方案是什么？

    window showModalDialog 的等效跨浏览器解决方案有哪些 showModalDialog 在 IE 和 FF 3 中引入 我个人认为没有 但是有很多 UI 工具包提供了这样的功能 例如jQuery UI http jque

  • ng-model 和值组合不适用于输入文本框

    我有两个输入文本框 我需要组合在两个文本框中输入的值并将其显示在第三个文本框中 如果我只使用value在第三个文本框中 Box 1

  • 需要js、d3 和 nvd3 集成

    我面临整合的问题要求 questions tagged requirejs with d3 questions tagged d3 and nvd3 questions tagged nvd3 我找到了一个使用 require 的简单解决方

  • 替换两个引号之间的字符串

    我想转动一根绳子str hello my name is michael what s your s into hello my name is span class name michael span 我怎样才能在 JavaScript

  • Fancybox 画廊组

    我正在使用 fancyboxhttp fancyapps com fancybox http fancyapps com fancybox 我的问题是 我可以将不同的资源组合在一起吗 我的意思是同一画廊 或 组 中带有内嵌或视频的图像 如果

  • 有没有非常轻的灯箱？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • Restangular - _.contains() 不是一个函数

    如果您最近通过 Bower 更新了 Restangular 它将安装最新的 Lodash 新的 4 0 然而 这是一个问题 因为 Restangular Angular 现在会抛出错误 contains 不是函数 你怎么解决 解决方案非常简

  • 如何在 SVG 元素上使用箭头标记？

    我需要在 d3 js 中创建一个箭头 但我找到的只是带有节点图的示例 我需要的是简单地制作一个从 A 点到 B 点的箭头 我尝试实现以下示例中的部分代码 http bl ocks org 1153292 http bl ocks org 1

  • 我可以使用 jQuery 动态创建文件（及其内容）吗？ [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 这是我的 HTML 代码 ul li

  • Bootstrap 3 / 显示模式不适用于 javascript 方式

    我用Modal http getbootstrap com javascript modalsBootstrap 3 0 的功能 我有这个代码 a href myNestedContent Open the modal containing

随机推荐

  • 将 设置为 html 文档的背景

    有没有办法让我制作一个 HTML5 画布作为我正在制作的网页的背景 并将所有元素放在它上面 所以它的作用就像 我尝试使用 z index 执行此操作并将元素定位在顶部 但随后它们是可单击或可聚焦的 我需要它们仍然正常工作 但画布也只能在背景

  • 使用 PDFBox 将 FormXobject 内容从资源添加到内容流？

    我的 page1 gt Resource gt Xobjects gt Fm0 Fm1 Fm2 下有 FormXobject 所以它不是直接内容流 在内容 gt 内容流下不可用 所以我想将 Fm0 gt Contentstream 的内容流

  • Android Studio 1.3.1 和 Google Glass -- 创建新项目 |目标 Android 设备 |玻璃未安装

    当尝试在 Android Studio 1 3 1 Win 8 1 中创建新项目时 我无法选择 Glass 在 上目标 Android 设备 屏幕 Glass SDK 不可选 已禁用 并显示 Glass 未安装 但是 当我检查 SDK 管理

  • 如何避免来自mongodb的transparent_hugepage/defrag警告？

    我从 mongodb 收到以下关于 THP 的警告 2015 03 06T21 01 15 526 0800 I CONTROL initandlisten WARNING sys kernel mm transparent hugepag

  • Selenium C# 中的显式等待不起作用。怎么了？

    所以我遇到了显式等待的问题 我不想使用 Thread Sleep 这是一个简单的测试 它打开一个页面 然后后退和前进 加载此页面大约需要 2 3 秒 我想以动态方式执行此操作 测试 希望我不要太困惑 我做了很多研究 但没有任何作用 也许我做

  • Delphi从ios/Android本地存储打开PDF

    我尝试在移动设备上从本地存储打开 PDF 文件 我已将文件放入 iOS 的启动 文档 Android 的资产 内部 用这个代码 filename TPath Combine TPath GetDocumentsPath file pdf W

  • 记忆 SQL 查询

    假设我有一个运行 SQL 查询并返回数据帧的函数 import pandas io sql as psql import sqlalchemy query string select a from table def run my quer

  • Groovy 字符串连接

    当前代码 row column each column gt println column attributes name println column value Column is a Node具有单个属性和单个值 我正在解析 xml

  • iOS13：如何检测状态栏点击事件？

    在我的 appDelegate 中 我覆盖touchesBegan检测何时单击状态栏 void touchesBegan NSSet touches withEvent UIEvent event super touchesBegan to

  • 将 PUT/POST/DELETE 与 JSONP 和 jQuery 结合使用

    我正在致力于创建一个支持跨域请求 JSON JSONP 支持和主要 HTTP 方法 PUT GET POST DELETE 的 RESTful API 现在 虽然通过服务器端代码可以轻松访问此 API 但最好将其公开给 JavaScript

  • Spring云任务-worker pod在kubernetes中没有被删除

    我们正在使用基于 spring cloud deployer kubernetes 的 Spring Batch 远程分区 由于某种原因 Worker pod 在 Worker 执行后没有被删除 想知道通过 TaskLauncher 启动清

  • #Meteor 中带有 blaze 的数组中的每个字符串

    我有一个用户名数组 在列表中呈现 如下所示 each contacts div class name this div each 这工作得很好 但后来我尝试从事件中获取用户名 click name function e t console

  • 随机化表格单元格

    我知道它听起来有点有线 但是有什么方法可以随机化表格内容吗 正是细胞 这样做的目的 我有一个由多个 xml 生成的表 每个 xml 至少包含 5 个项目 在主表中 我只能按原样订购它们 但我需要随机化这些项目 例如 jsfiddle net

  • 为什么我无法在 Firefox 中提交动态创建的表单

    我复制了我正在开发的一个更大项目的一部分 我没有编写代码 所以我希望有人能帮助我找出为什么用这种方式从 js 代码发送 post 请求在 IE 中有效 而在其他中无效浏览器 function f var container document

  • 生成两个浮点数之间的随机浮点数

    我知道这是一个相当简单的问题 但我的数学不太好 我知道如何生成 0 到 1 之间的随机浮点数 float random float rand float RAND MAX 但是 如果我想要一个给定两个浮点数范围的函数 返回该范围内的伪随机浮

  • Volley 以 utf-8 格式发送请求

    我正在通过以下方式向网络发送请求volleyandroid 上的库包含一些ArabicURL中的字符 但是在php文件中我得到了问号而不是阿拉伯字母 我尝试了人们在网上所说的解决方案 但所有这些都尝试从网络读取数据as UTF 8 不以 U

  • 如何在 grails 3 中运行单个集成测试？

    Grails 3 至少 3 1 10 在仅运行特定测试时不稳定 如何让它运行单个集成测试 这是运行单个集成测试的示例命令 grails test app LoginFunctional integration 如果将 integration

  • 使用 MongoMapper 查询不同值

    我该如何查询distinct与 MongoMapper 一起使用吗 我的查询是 subscribedToThread Comment where subscribe thread gt 1 all 但这会返回许多具有相同属性的对象user

  • iOS下逐帧读取视频

    我正在寻找一种使用 iOS API 检索视频各个帧的方法 我尝试使用 AVAssetImageGenerator 但它似乎只提供最接近秒的帧 这对我的使用来说有点太粗糙了 根据我对文档的理解 AVAssetReader AVAssetRea

  • 寻找 JS/JQuery 完全模态覆盖 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我需要一个模态叠加层 它将阻止与页面其余部分的交互 并且用户无法关闭 但似乎找不到一个不需要覆盖现有功

热门标签