Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery多个对话框

jquery多个对话框
EN

Stack Overflow用户
提问于 2010-04-29 05:30:38
回答 1查看 143关注 0票数 0

嗨,我想把多个对话框放在一个页面。我已经下载了单个对话框的演示,并将相同的效果应用于不同的“div”。但它的位置是一样的。我怎么才能把diff。对话框在不同的位置?我已经设置了第二个和第三个“div”的样式,但它不工作..谁来帮帮我..。

这是我的代码..

代码语言:javascript
运行
AI代码解释
复制
      jQuery UI Dialog - Default functionality          
代码语言:javascript
运行
AI代码解释
复制
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>


<script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
    $("#dialog").dialog();
});

$(function() {
    $("#two").dialog();
});

</script>

问候tismon

EN

回答 1

Stack Overflow用户

发布于 2010-04-29 06:11:20

指定对话框应显示的位置。可能的值:

  1. 表示视口内位置的单个字符串:'center',' left ',' right ',' top ',‘bottom’。
  2. 包含从视口左上角(例如350,100)偏移像素的x,y坐标对的数组
  3. 包含x,y位置字符串值的数组(例如'right',' top‘表示右上角)。

代码示例

使用指定的位置选项初始化对话框。

代码语言:javascript
运行
AI代码解释
复制
$( ".selector" ).dialog( { position: 'top' } );

获取或设置初始化后的position选项。

代码语言:javascript
运行
AI代码解释
复制
//getter
var position = $( ".selector" ).dialog( "option", "position" );

//setter
$( ".selector" ).dialog( "option", "position", 'top' );

source

快速demo

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2734969

复制
相关文章
JQuery实现聊天对话框
效果图如下: HTML代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="
汪凡
2019/03/01
2.2K0
JQuery实现聊天对话框
jquery validate 如何校验多个相同name
本文来源 : http://www.cnblogs.com/danywdd/p/5667903.html
翟凤玺
2020/10/29
1.1K0
强烈推荐:240多个jQuery插件
概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不
hbbliyong
2018/03/05
2K0
强烈推荐:240多个jQuery插件
[javascript]解决多个版本的jquery库或者$冲突
如果在一个页面上引入了多个jquery , 并且不能去掉的时候 , 或者$函数和自己的函数冲突的时候 可以使用这样的方式来解决 在引入jquery的后面加入 , 类似下面这样 <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <script> var Q=$.noConflict(); </script> jquery的$函数就可以使用 Q来替换了 和其他$函
唯一Chat
2021/05/11
1.2K0
Jquery如何删除table里面checkbox选中的多个行与多个列
(adsbygoogle = window.adsbygoogle || []).push({});
tianyawhl
2019/04/04
4.3K0
javascript jquery ajax动态提交多个参数 api测试
为了方便自己测试rest api,所以做了一个动态参数的页面。大家有需要的话,就各取所需吧。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>API测试</title> <script type="
用户1258909
2018/07/03
1.5K0
PyQt5 技术篇-调用文件对话框获取文件、文件夹路径。文件对话框返回选中的多个文件路径
注: 第一个参数,有self的话用self,没有的话用None。 第二个参数,设置窗口名。 第三个参数,设置默认打开路径。
小蓝枣
2020/09/23
8.1K0
对话框
对话框是一个现代GUI应用不可或缺的一部分。对话是两个人之间的交流,对话框就是人与电脑之间的对话。对话框用来输入数据,修改数据,修改应用设置等等。
小飞侠xp
2018/12/24
2.4K0
JavaScript对话框
在JavaScript中,我们可以使用window对象中的alert()方法来弹出一个提示框。该对话框效果如下:
Qwe7
2022/04/09
1.8K0
加强的alert confirm js自定义对话框 多个按钮 ICO自定义
效果图: <html> <head>     <title>对话框</title>     <link rel="stylesheet" type="text/css" href="/modules/
用户1183026
2018/01/19
4.5K0
加强的alert confirm js自定义对话框 多个按钮 ICO自定义
MFC编程入门之六(对话框:创建对话框模板和修改对话框属性)
本节开始为大家讲解偏向应用的知识——创建对话框。    对话框,大家应该很熟悉了,在我们常用的软件中大多都有对话框界面,例如,360安全卫士的主界面其实就是对话框,知识它做了很多美工 方面的工作,将其大大美化了。    创建对话框主要分为两大步:    第一,创建对话框资源,主要包括创建新的对话框模板、设置对话框属性和为对话框添加各种控件;    第二,生成对话框类,主要包括新建对话框类、添加控件变量和控件的消息处理函数等。
acoolgiser
2019/06/14
3.6K0
MFC编程入门之六(对话框:创建对话框模板和修改对话框属性)
Qt模态对话框和非模态对话框
Qt 中使用QDialog类实现对话框。我们的对话框通常继承自QDialog。对话框分为模态对话框和非模态对话框。所谓模态对话框,就是会阻塞同一应用程序中其它窗口的输入。Qt使用QDialog::exec()来实现模态对话框。如下所示:
zy010101
2020/04/10
3.5K0
Qt模态对话框和非模态对话框
jQuery中,$.和$().有什么区别以及多个选择器的执行
$代表jQuery对象,同时也是一个函数对象 $()和jQuery()是jQuery的核心函数,执行这两个元素返回的是一个DOM元素 $()是一个函数,等同于jQuery(),可在括号内传参数,传参后可获取元素 $(“.one”)表示获取class=“one”的元素,返回一个jQuery对象 $(”.one”).onclick表示class=”one”的点击事件 $.post() $.get() $.ajax() 都是jQuery对象的方法
kirin
2021/02/04
1.2K0
【JQuery】JQuery入门——JQuery 插件-validation
validate 是 jQuery 插件,及必须在 jQuery 的基础上进行运行。我们将导入 jQuery 库、 validate
陶然同学
2023/02/27
12.6K0
【JQuery】JQuery入门——JQuery 插件-validation
android全局对话框
Toast.makeText(sInstance, “tishi”, Toast.LENGTH_SHORT).show();
tea9
2022/07/16
1.2K0
动画对话框实现
炫酷的动画对话框 关键技术 AlertDialog的自定义 代码 //创建对话框实例 dlg = new AlertDialog.Builder(this).create(); dlg.show(); //显示对话框 Window window = dlg.getWindow(); //获取对话框窗口 window.setGravity
对话、
2022/02/22
1.7K0
动画对话框实现
MFC创建对话框
开发环境 VS2015, 目前VS2017存在bug,创建对话框会出现问题 操作步骤: 添加对话框资源 在新建的视图资源上右键添加类 输入对话框类名,以C(大写)开头,建议Dlg结尾
包子388321
2020/06/16
1.5K0
对话框外挂标签
新建[Blogroot]\themes\butterfly\scripts\tag\msgbox.js,注意外挂标签是内部函数,必须放在scripts目录下才会生效,不要自作聪明放到别的目录去再inject。
Akilar
2023/01/30
8620
显示打印对话框
Montaque(Rain + Man=Rainman)  http://search.csdn.net/Expert/topic/1756/1756799.xml?temp=.8004572 加
Java架构师必看
2021/03/22
1.1K0
[android] 常见对话框
获取AlertDialog.Builder对象,通过new Builder(context)参数:上下文
唯一Chat
2019/09/10
8490

相似问题

多个Jquery对话框

12

jQuery UI多个对话框

10

Jquery UI -多个对话框

10

jquery对话框多个打开

10

jquery ui多个对话框

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文