如何将 jQuery 对话框定位到中心?

2024-03-08

我尝试过以下代码,但它仅将对话框左上角位置定位到中心,这使得元素向右对齐。如何将对话框居中到计算元素宽度的真实中心,以便中心线将对话框切成 50% 50% 的一半?

$('.selector').dialog({ position: 'center' });

http://docs.jquery.com/UI/Dialog#option-position http://docs.jquery.com/UI/Dialog#option-position


最新的 jQuery UI 有一个位置组件:

$("#myDialog").position({
   my: "center",
   at: "center",
   of: window
});

Doc: http://jqueryui.com/demos/position/ http://jqueryui.com/demos/position/
Get: http://jqueryui.com/download http://jqueryui.com/download

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

如何将 jQuery 对话框定位到中心? 的相关文章

  • 关闭 bootstrap-select / select2 的自动对焦

    http www bootply com YAQrE52K6X http www bootply com YAQrE52K6X dataCombo selectpicker multiple true div class container
  • 当多个元素具有相同的 ID 值时,jQuery 如何工作?

    我从 Google 的 AdWords 网站获取数据 该网站有多个具有相同元素的元素id 您能否解释一下为什么以下 3 个查询没有得到相同的答案 2 现场演示 http jsfiddle net P2j3f 1 HTML div span
  • SerializeArray() 给出空数组

    我正在尝试使用 seralizeArray 收获形式输入值 输入字段由具有相应价格的项目列表组成 我想根据相应的密钥对保存每个值 但不断收到错误 empty array with 0 length 我尝试了几种选择器组合 但仍然得到 如何才
  • Jquery 对话框部分视图服务器端验证“保存”按钮单击

    我有一个显示数据的表格 表格的每一行都有编辑按钮 单击编辑按钮时 将出现一个 jquery 对话框 其中包含用于编辑用户信息的表单以及保存和取消按钮 表单只不过是部分视图 按钮是部分视图的一部分
  • 在 Android 应用程序中启动应用程序时仅显示一次版本信息

    我想显示一个带有 确定 按钮的简单信息对话框 介绍此版本中的新增内容 但它应该仅在第一次启动时显示 实施这个的最好方法是什么 我会 并且已经 使用带有布尔值或 int 值的 SharedPreferences 只需检查最后一个版本是否比当前
  • 错误:由于 MIME 类型(“text/html”)不匹配而被阻止(X-Content-Type-Options:nosniff)

    我正在尝试使用express和ajax通过测试站点测试一些api调用 但是如果我将js脚本分离到它自己的文件中 则会出现以下错误 资源来自 http localhost 9000 userProfileFunctions js http l
  • 用 Ajax 响应替换 div 的内部 HTML

    我试图在一段时间后更改 div 的内部 HTML 我得到了我想要的 Ajax 正确响应 但无法用 Ajax 响应替换所选内容的内部 HTML 我的代码有什么问题 Html p class time ui li desc 51 seconds
  • 快速 HTML 表格排序?

    是的 我知道有一个lot有很多 JS jQuery 程序可以做到这一点 我目前正在使用http www kryogenix org code browser sorttable sorttable js http www kryogenix
  • onchange 下拉列表

    我的问题是我所问问题的延续 请参阅链接 加载国家 州 城市 https stackoverflow com questions 2640001 load country state city 我已经展开以从数据库加载我的下拉列表 我只需要一
  • 如何使用 jquery live 停止事件冒泡?

    我试图停止一些事件 但 stopPropagation 不适用于 实时 所以我不知道该怎么做 我在他们的网站上找到了这个 现场活动不会在 传统方式 不能 使用 stopPropagation 停止或 停止立即传播 例如 以两次点击事件为例
  • 快速解析 req.body 中的 multipart/form-data post

    我正在尝试使用 Chrome 和 Firefox 浏览器上的 jQuery Ajax FormData 对象上传文件 我用来执行此操作的代码如下 var formData new FormData formData append image
  • 为什么我无法将动态事件处理程序附加到该元素?

    My code http jsfiddle net arEWv 7 HTML div style width 500px height 500px div div div
  • jquery addClass() 不适用于 event.target

    请帮忙 为什么是jqueryaddClass 不与event target 我已经编写了一个代码 它应该在单击时在目标上添加类 但它不起作用 它说 e target addClass不是一个函数 http jsfiddle net Lq9G
  • 预览来自 url 输入的图像

    我有这段代码 从 url 预览图像 它工作得很好 除了它仅在用户单击输入框外部时运行 我如何更改它 以便在将值放入输入框中时它会立即运行 我需要立即显示图像 我想我需要改变onblur to onchange但我尝试改变它 但没有成功
  • 如何在不同位置显示验证错误消息?

    我在用knockout js knockout validation插件 我正在添加示例小提琴 http jsfiddle net hsnCW 1 http jsfiddle net hsnCW 1 在此示例中 对数组进行了自定义验证以检查
  • 如何从 webmethod 向 AJAX 调用返回异常?

    我回来了List
  • 如何为 jQuery 制作 switch case?

    我有这个 if else 语句 它给了我奇怪的响应 每当我首先选择 输出 时 之后选择的任何其他内容都不会出现 仅供参考 我正在使用多重选择 因此我可以选择并显示任意数量的内容 outputText hide armCB hide outp
  • jquery中(“*”)有什么用

    我正在阅读 jQuery 我不知道为什么使用 请解释一下这有帮助 是jquery中的一个选择器 它可以无条件地选择所有内容 包括html head和body 这是一个解释其用法的示例 document ready function butt
  • 无法禁用 jQuery 缓存

    Update 我发现这一定是缓存问题 但我无法关闭缓存 这是我更改后的脚本
  • JQuery IE 绑定此

    在 IE 中 我使用 JQuery 在控制台中收到此错误 SCRIPT438 对象不支持属性或方法 绑定 default js 第 33 行字符 3 get URL dashboard photoList categoryID functi

随机推荐

  • 特定分支的 Github 拉取请求模板

    是否可以为特定分支分配拉取请求模板 使用查询参数是唯一的解决方法吗 查询参数 https help github com articles about automation for issues and pull requests with
  • leaflet Js自定义控制按钮添加(文本、悬停)

    我跟着这个控制按钮传单教程 http www coffeegnome net control button leaflet 这对我有用 现在我想 当我将鼠标悬停在按钮上时显示一些文本 就像缩放按钮一样 当我将鼠标悬停在按钮上时更改按钮的颜色
  • 强制 goroutine 进入同一线程

    有没有办法确保 goroutine 只在特定的操作系统线程中运行 例如 当 GUI 操作必须在 GUI 线程中运行 但可能有多个 goroutine 运行 GUI 代码时 GOMAXPROCS 1 从技术上讲可以完成这项工作 但这违背了多线
  • Visual Studio 中 F# 的代码折叠

    我发现我倾向于用 F 编写很长的源文件 F 中的一些开源项目也有很长的源文件 例如用于 Excel 的 FPersec 和 F 因此 如果 VS 中可以为 F 提供代码折叠 即使是非常有限的支持 那将会非常有帮助 例如 在模块中 我们可以折
  • Java - Swing 在 JTextArea 中设置文本颜色

    我有一个 JTextArea 其文本设置为一串信息 在这串信息中 我有一个变量 我希望将其颜色为红色 为此 我按如下方式编辑该字符串 Result font color red negativeValue font 我希望这会给出结果 其中
  • 即使运行迁移后,Django 编程错误列也不存在

    I run python manage py makemigrations我得到 未检测到任何变化 然后 python manage py migrate我得到 无需申请迁移 然后 我尝试将更改推送到生产中 git推送heroku大师 一切
  • 在页面加载时打开 Colorbox

    我一直在尝试使颜色框在页面加载时工作 但我只能看到带有纯背景的加载 我用了这个代码 fn colorbox id title open true 您可以在这里找到演示 http www bloggermint com demos popup
  • 如何创建调用 IEnumerable.Any(...) 的表达式树?

    我正在尝试创建一个表示以下内容的表达式树 myObject childObjectCollection Any i gt i Name name 为了清楚起见 我缩短了以下内容 myObject childObjectCollection
  • 如何下载一个网页的所有图片并以原来的名称保存?

    我编写了一个小型 Python 脚本 使用 selenium 从网站下载图片 from selenium import webdriver import urllib request class FirefoxTest def firefo
  • XC 测试框架 iOS(XCode 6.1) 测试会话退出(80) 未签入

    我在 XCode 中有一个运行良好的项目 但是当我尝试使用 XCTestCase 测试框架测试它时 出现此错误 测试会话已退出 80 而未签入 可执行文件未提供与当前进程兼容的体系结构 该项目的架构设置是 标准架构 armv7 arm64
  • 从 xml 元素中选择属性

    我试图从我的根节点中选择一个属性 但我在选择部分上不断收到空异常 获取属性值的正确方法是什么 我试图获取属性值的值 SymbolicName xml文档
  • Angular 4 中 Model 对象的 Getter 和 Setter

    如何使 getter 和 setter 在我的模型类中工作 我的目标是在输入 包含日期 更新时计算所选日期的整数值 我打算在 setter 中执行此操作 但 Angular 4 忽略了我模型的 setter 和 getter 我的模型类 e
  • 自定义交叉验证拆分sklearn

    我正在尝试在 sklearn 中拆分数据集以进行交叉验证和 GridSearch 我想定义自己的分割 但 GridSearch 只采用内置的交叉验证方法 但是 我无法使用内置的交叉验证方法 因为我需要某些示例组位于同一折叠中 所以 如果我有
  • 如何在所有控件上显示图层[关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我有一个Window这打开了一个无边界的Dialog您可以在其中选择一些选项 设置选项后Dialog关闭和主要Window再次启用 不太难 但是
  • Android ndk std::to_string 支持

    我正在使用 android NDK r9d 和工具链 4 8 但我无法使用 std to string 函数 编译器会抛出此错误 error to string is not a member of std android ndk不支持这个
  • 基本的 Windows 命令(ping、ipconfig)需要管理员权限 - 寻找一个选项

    在我的主电脑 Win 7 64 位 上 像 ping 和 ipconfig 这样的基本 Windows 命令突然需要管理员权限 如果我启动普通的命令行窗口 将不再找到这些命令 X 不被识别为内部或外部命令 可操作程序或批处理文件 如果我使用
  • 恢复 SSL 证书覆盖检查

    我正在编写一个测试来测试我正在部署的服务 为了绕过 ssl 证书检查 我使用下面的代码片段实现了 ssl 覆盖 public static void SSLValidationOverride ServicePointManager Ser
  • 使用 2 个数据库时 Javers ENTITY_INSTANCE_WITH_NULL_ID

    当我在 Postgres 中存储数据 使用 JPA 延迟加载 并且在 MongoDB 中存储 javers 时 出现此异常 ENTITY INSTANCE WITH NULL ID 春季启动 1 4 0 RELEASE Spring Dat
  • UICollectionViewCell 内的 UITableView,点击单元格时所有 UITableViewCell 都会突出显示

    我正在做一个UICollectionView其中一些UICollectionViewCells包含一个UITableView 这很好用 一切都很好 直到我点击UICollectionViewCell除此以外的其他地方UITableView
  • 如何将 jQuery 对话框定位到中心?

    我尝试过以下代码 但它仅将对话框左上角位置定位到中心 这使得元素向右对齐 如何将对话框居中到计算元素宽度的真实中心 以便中心线将对话框切成 50 50 的一半 selector dialog position center http doc