1

我已经意识到如果您使用外部 CSS 文件，jquery 对话框将不会应用 dialogClass 定义的任何 CSS 样式。...或者至少不是我这样做的方式。我继续创建一个小提琴，但注意到它在那里工作，然后尝试将我的 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>
4

1 回答 1

0

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

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

于 2012-04-27T00:30:29.320 回答