个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
我有以下代码，但我束手无策，因为对话框总是出现在覆盖层下。任何建议将不胜感激:
<head runat="server">
<title></title>
<link href="../Styles/jqModal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#shift-edit-popup
{
display: none;
}
</style>
<script src="../Scripts/jquery-1.4.2.js" type="text/javascript"></script>
<script src="../Scripts/jqModal.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#shift-edit-popup").jqm({
toTop: true
}).jqmAddTrigger("#show-button");
});
</script>
</head>
<body>
<form id="form" runat="server">
<input id="show-button" type="button" value="Show" />
<div id="shift-edit-popup">
<div>
<asp:Label ID="resourceLabel" runat="server" AssociatedControlID="resourceList">Resource:</asp:Label>
<asp:DropDownList ID="resourceList" runat="server" DataTextField="Name" DataValueField="ResourceId" Width="120px">
</asp:DropDownList>
</div>
</div>
</body>
最佳答案
根据我所看到和尝试，您需要在对话框 div 上使用包含的 jqmWindow 类并删除此:
<style type="text/css">
#shift-edit-popup
{
display: none;
}
</style>
您的代码应如下所示:
<head runat="server">
<title></title>
<link href="Scripts/jqModal.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script>
<script src="Scripts/jqModal.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#shift-edit-popup").jqm({
toTop: true,
modal: true
}).jqmAddTrigger("#show-button");
});
</script>
</head>
<body>
<form id="form" runat="server">
<input id="show-button" type="button" value="Show" />
<div id="shift-edit-popup" class="jqmWindow">
<div>
Resource:
<select><option value="1">One</option><option value="2">Two</option></select>
</div>
</div>
</body>
(您只需相应地更改脚本和CSS引用)
关于jquery - jqModal 对话框始终处于叠加状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2745022/
29
4
0
我正在使用 ajax 调用加载 JQmodal，其中包含一些基本输入元素，如 a、输入、标签和按钮。我需要在立即打开模式后为焦点元素添加自定义类 注意:请使用 Tab 键聚焦每个元素 HTML HTM
有没有办法让我的 jqModal 可滚动？我正在通过 ajax 加载内容，这是否有帮助？ 我尝试添加溢出:滚动并显示滚动条，但它被禁用并显示整个内容。 有什么想法吗？ 谢谢，罗德查尔 最佳答案 或者，
抱歉缺少代码，但基本上我正在使用 jqModal 插件，它工作得很好，正如预期的那样，但我只是有一个问题，希望有人能阐明我如何解决我的问题。 基本上，我的弹出窗口是浏览器的 100% 宽度和高度，但是
我有以下代码，但我束手无策，因为对话框总是出现在覆盖层下。任何建议将不胜感激: #shift-edit-popup {
我正在尝试做一个两步模态窗口。第一个是带有提交按钮的表单，一旦单击它，它应该关闭模式，并打开具有不同内容和设计的第二个模式窗口。我无法使用 jquery hide/show 来切换不同的 div，因为
我在 Django 应用程序中使用 jqModal。我想做的是有一堆不同的链接，每个链接将一个参数传递给 jqModal，让它根据参数调用不同的 ajax url。例如，根据点击的 ID，我想做类似的
我正在使用 jqModal 创建一个使用 ajax 的模式窗口，其中包含要填写的表单。父窗口仅包含大约半页数据，因此不包含滚动条。当模态窗口加载时，表单溢出页面，底部不可见。创建一个在需要时包含滚动条
我试图测试 http://dev.iceburg.net/jquery/jqModal/ 中的一些工作代码了解这是如何工作的，但我无法让代码工作。我正在尝试使用弹出对话框部分，并且正在测试默认值的代码
我需要一个模式窗口，告诉用户等待我完成服务器上的一些工作。看起来都是BlockUI和 jqModal可以做到这一点。 您有使用其中任何一个的经验吗？优点和缺点？我正在使用 ASP.NET MVC。 最
环境: 我正在使用jQuery的jqModal插件来创建弹出窗口。我有一个弹出的窗口。然后通过单击该窗口内的触发器打开另一个窗口。 要求: 我需要在新窗口打开后关闭上一个窗口。 我可以使用$('#id
我刚刚开始使用 jqModal，因为我需要对嵌套模式的支持。我注意到嵌套模式和 AJAX 存在一些不稳定的行为，但我不知道如何修复它。发生的情况是，当我加载主模态时，其中有一个嵌套模态，我得到两个 j
我在让 jqmodal 模式对话框显示在客户端代码动态添加的链接上时遇到了问题。我已经在以下 URL 中演示了该问题:http://www.neil-burton.co.uk/jqmodaltest/
我正在使用 jQuery 插件 jqModal . 新手，所以我还在学习它的用法。 我想做的是让弹出窗口显示 3 秒，然后自动关闭。 基本上，这是我想要的事件流程: 我的页面加载。 显示模式弹出窗口，
我有一个带有 iFrame 的网页。我可以完全访问父窗口和 iFrame 页面。在 iFrame 中，我有一个 jqModal 取消框，当用户输入一些无效输入时会显示该框。我的问题是当 jqModal
我的网站上有一个 jQModal 窗口，其内容由 Ajax 调用填充。它在所有桌面浏览器中工作正常，但在 iPhone 上的 Mobile Safari 中失败。 覆盖层和窗口本身显示在页面主体的顶部
我希望有人能够为相关的 jQuery/jqModal 新手指出调试此错误的正确方向。我将 html 片段加载到 div 中，然后使用 jqModal 将该 div 显示为模式对话框。问题是 div 已
我正在使用jqGrid的内联编辑和添加功能，并且我需要在jqGrid的保存操作期间对内联单元格中插入的数据执行验证。我用过: editrules: {custom:true,custom_func:c
我在我的 ASP.net MVC 3 项目中使用 jqModal。我有一些按钮，我在这些按钮上应用了 CSS 样式，但我读到输入元素的类属性可用于关闭 jqModal 对话框。 这是一个代码示例，其中
我试图在单击编辑行时打开的编辑表单模态后面的叠加层时禁用单击时关闭，但我不知道该怎么做。我在尝试类似的东西: editOptions: { url: 'foo/edit.html',
我在我的项目中使用 JqModal。它是一个不错的 JS 模态。但是我需要一个帮助来将 Close On Escape 按键附加到 JqModal。我在 JqModal 中从外部 URL 加载永恒的内
我是一名优秀的程序员,十分优秀！