无法在我的 html 按钮上显示“南箭头”图标答案

【问题标题】：Cannot get the "South Arrow" icon to show on my html button无法在我的 html 按钮上显示“南箭头”图标
【发布时间】：2014-11-02 05:59:26
【问题描述】：

我试图让“南箭头”显示在我使用设置了 JQuery UI 的 HTML 页面创建的按钮上。我的 html 如下：

    <button id="AccountListButton"class="btn accountLister" style="margin-left: -4px" data-bind="jqAutoCombo: 'AccountList'">...</button>

我在页面上的脚本中添加了以下内容（在我淘汰 applyBindings 之后：

    $(".accountLister").button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } });

无论我做什么，我得到的只是一个引导风格的按钮，在视图中带有 ...。我做错了什么？

我已经尝试了JQuery UI Button Icons not displaying 的建议，但仍然没有成功

【问题讨论】：

通常情况下，jquery UI 使用的图像必须位于名为“Images”的子文件夹中。因此，如果 jquery.ui 位于路径：/Scripts/jquery.ui，则图像应位于：/Scripts/Images/。检查路径，看看是否有差异。
您确定包含主题的 CSS 吗？您是否在$(function() { 调用之后放置了$(".accountLister") ... 代码？
我在 MVC5 应用程序中执行此操作，并在主题上设置了捆绑包。我使用 NuGet 包将其 JQueryUI 添加到项目中。一切都在“~/Content/themes/base/....”基础文件夹下有一个 images 文件夹。我需要将图像添加到我为 JQueryUI CSS 设置的 StyleBundle 中吗？
显示您的视图模型。

标签： jquery twitter-bootstrap jquery-ui knockout.js

【解决方案1】：

确保你的 JavaScript 看起来像这样..

$(function() {
    $(".accountLister").button({
         icons: {
             primary: "ui-icon-gear",
             secondary: "ui-icon-triangle-1-s"
         }
    });
});

JSFiddle

【讨论】：