【发布时间】:2013-05-27 20:05:16
【问题描述】:
我正在使用:
jQuery 1.6.1
jQuery UI 1.8.13
铬 12.0.742.100
IE 7.0.5
FF 4
我制作了一个 JQuery UI 对话框,它在所有 3 中看起来都很好。
我继续制作了更多页面,但对对话框或 css 没有做任何事情(据我所知,这对 JQuery 和 CSS 的东西来说是相当新的)。然后昨天我所有页面上的每个对话框都开始看起来像这样(仅在 FF 和 chrome 中。IE 看起来仍然很好)...
它的标题部分突然变大了,我不知道为什么。我一直在使用 firebug 在 css 中四处寻找,但我无法让它变回来。
有人有什么好主意吗?
HTML、CSS 和 JQuery 都是非常标准的。我正在使用来自 JQuery-UI 网站的预卷主题之一。
<div id="Div1" title="Connections">
<a href="CM.aspx?mode=0" class="jquery-ui-button dialog-link-button">Add</a>
<a href="CMSearch.aspx" class="jquery-ui-button dialog-link-button">Search/Edit</a>
</div>
/* --------------------------------------------------------------------- */
/* disable the x in the upper-right corner of jquery-ui dialogs */
.ui-dialog-titlebar-close
{
display: none;
}
/* center the user-defined buttons within jquery-ui dialogs */
.dialog-link-button
{
float: none;
width:250px;
display: block;
margin: 10px auto;
}
/* make the buttons in the jquery-ui dialog button pane on the bottom center aligned */
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
{
float: none;
display: block;
margin: 10px auto;
}
/* --------------------------------------------------------------------- */
var options = {
autoOpen: false,
modal: true,
open: function(event, ui) {
/* blur the buttons so they aren't auto selected */
$(".dialog-link-button").blur();
},
resizable: false,
buttons: {
Cancel: function() {
$( this ).dialog( "close" );
}
}
};
$('#connectionsModal').dialog(options);
/* --------------------------------------------------------------------- */
【问题讨论】:
-
我们能否获得一个链接来亲自观看此直播?
-
有什么简单的方法可以做到吗?我正在开发它作为我工作应用程序的一部分,并且所有这些都是在 .NET 中完成的,位于 Intranet 上的本地 Visual Studio Web 服务器之外。不知道我怎么能把它弄出来。
-
嗯。 . .您可以保存整个渲染页面及其所有依赖项并将它们压缩并发送给我们一个链接吗?大多数浏览器都有保存整个网页的选项。
-
这里有一个链接到一个非常小的例子。问题是,当我去掉所有不相关的东西时,如果我去掉页面上的转发器列表,问题就消失了。所以我假设它与此有关,但这一直存在,直到昨天才引起问题。 filesonic.com/file/1296183794
-
Mediafire 链接,以防另一个链接不起作用或耗时过长。 mediafire.com/?u2wc3lc4upc66uu
标签: jquery css jquery-ui-dialog