Jquery 对话框 'X' 图像未显示？ A

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