Question

我在asp.net MVC4项目中使用JQuery 1.9.1和JQuery UI 1.10.2。我从NuGet Tool下载了所有这些JS和Css。我在框中缺少JQuery对话框'X'图像。如何在对话框中获得它？

enter image description here

像这样的项目文件夹结构。

Project
|
|-Content
|    |
|    |-Themes
|       |
|        |- Base
|            |
|            |-Images
|            |
|            JQuery.UI.* Files
|            ---
|            ----
|
|
|-Scripts
    |
   JQuery-1.9.1.JS All Files
   JQuery-UI-1.10.2.JS All Files

当我搜索JQuery-UI-1.10.2.js时，我发现下面插入图像的代码。

this.uiDialogTitlebarClose = $("<button></button>")
            .button({
                label: this.options.closeText,
                icons: {
                    primary: "ui-icon-closethick" //This Image
                },
                text: false
            })
            .addClass("ui-dialog-titlebar-close")
            .appendTo( this.uiDialogTitlebar );
        this._on( this.uiDialogTitlebarClose, {
            click: function( event ) {
                event.preventDefault();
                this.close( event );
            }
        });

我不知道那个图像文件在哪里。我只有来自JQuery UI的图像文件。

enter image description here

Answer 1

发生这种情况的原因是因为你在调用jquery-ui之后调用了bootstrap。

从字面上看，交换两个，而不是：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="/js/bootstrap.min.js"></script>

它变成了

<script src="js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

来源：https://stackoverflow.com/a/20457891/187025

Answer 2

我知道这是一个老帖子，但是我遇到了这个问题，并没有一个建议对我有用，所以我想我会分享我的2美分。

在检查对话框关闭按钮的DOM时，我意识到虽然图像正确下载，但按钮本身看起来像这样：

<button class="ui-dialog-titlebar-close" type="button"></button>

因此，在由jquery生成之后，它缺少ui-icon和ui-icon-closethick类。这显然是一个错误。但是，我的简单解决方案是在对话框创建后插入以下代码。

$('.ui-dialog-titlebar-close').addClass('ui-icon ui-icon-closethick');

这将使按钮标签看起来如下，并且图标显示正确。

<button class="ui-dialog-titlebar-close ui-icon ui-icon-closethick" type="button"></button>

我希望这有助于某人。

Answer 3

每当我遇到一个看起来像你所包含的对话框的对话框时，都是因为没有正确加载jqueryUI css文件。你的html中有一行包含它，比如

<link rel="stylesheet" href="themes/base/jquery-ui.css"></link>

正确？

ui-icon-closethick只是告诉jqueryUI在哪里查看ui-icons图像，这是一个包含所有173个jqueryUI图标的图像。（您可以直接查看图像以获取想法，或者在jqueryUI theme roller上查看它 - 这将实际显示对话框要加载的图标集。）大多数图标通常来自内容颜色集，虽然它们也有选定，活动等图标集。您可以检查css文件的ui-icon定义，以确切了解正在引用的图像集。

Answer 4

从此路径下载images文件夹 https://github.com/jquery/jquery-ui/tree/master/themes/base/images 将图像文件夹放在css文件夹中。确保名称正确。

Jquery对话框'X'图像没有显示？一个

4 个答案: