gpt4 book ai didi

jquery - 如何在带有外部 CSS 文件的 jquery 对话框中使用 dialogClass 选项

转载 作者:太空宇宙 更新时间:2023-11-03 19:05:42 25 4
gpt4 key购买 nike

我已经意识到,如果您使用外部 CSS 文件,jquery 对话框将不会应用任何由 dialogClass 定义的 CSS 样式。 ...或者至少不是我这样做的方式。我继续创建一个 fiddle ,但注意到它在那里工作,然后尝试将我的 CSS 移动到页面的头部部分并且它工作。有没有办法让 jquery 对话框应用来自外部 CSS 文件的样式,或者我是否在 html 页面中使用 CSS?请提供以下代码工作方式的解决方案(使用 html 进行动态对话框和初始化程序中提供的对话框选项)。

function test()
{
var html = "<strong>Hello World!</strong>";
var $dialog = $('<div></div>').html(html)
.dialog({ dialogClass: 'myStyle', modal: true, autoOpen: false });

$dialog.dialog('open');
}

.myStyle
{
color: #FF0000;
font-size: 28pt;
font-family: 'Comic Sans MS';
}


<head>
<script type="text/javascript" src="myexternal.js"></script>
<link type="text/css" href="core.css" rel="Stylesheet" />
<link type="text/css" href="lib/jquery-ui-1.8.19.custom/css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="lib/jquery-ui-1.8.19.custom/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.8.19.custom/js/jquery-ui-1.8.19.custom.min.js"></script>
</head>
<body>
<form id="form2" >
<div>
<input id="Button2" type="button" value="Show Dialog" onclick="test();" />
</div>
</form>
</body>

最佳答案

大声笑问题是你的头部布局,把 jQueryUI css 链接放在你自己的核心链接之前。通过这种方式,首先应用 jQueryUI.css,然后再应用您的 css,从而进行迟来的更改。

另外,同理,如果你的核心 js 使用 jquery,最好让它跟随你的标题中的 jquery 链接。在添加您自己的“添加剂”之前,始终先添加“核心库”(又名 jQuery 和 jQueryUI)

关于jquery - 如何在带有外部 CSS 文件的 jquery 对话框中使用 dialogClass 选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10343149/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com