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

Question

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

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

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的图像文件.

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>

我希望这有助于某人.