0

我希望在更新到最新版本后重新创建以下按钮（按钮小部件从 1.12 开始重写，但是我正在努力根据此处的 api 文档获取正确的语法/类：https ://api.jqueryui.com/button /

按钮应该看起来像带有新文本的蓝色按钮的图像

但到目前为止，我得到的最接近的是在此处输入图像描述

用于显示上述内容的代码如下

<button id="btnAddNew" type="button" title="New User Access" role="button" aria-disabled="false"></button>


    $("#btnAddNew").button({
    classes: {
        "ui-button": "ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"
    },
    icons: {
        primary: "ui-icon-plus"
    },
    label: "New"
});

谁能指出我哪里出错了？

4

1 回答 1

0

使用 Cupertino 主题，这似乎没有问题。我怀疑没有为您的脚本加载 CSS。我会检查以确保它没有收到 404 错误或没有其他样式冲突。

$(function() {
  $("#btnAddNew").button({
    icons: {
      primary: "ui-icon-plus"
    },
    label: "New"
  });
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/cupertino/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<button id="btnAddNew" type="button" title="New User Access" role="button" aria-disabled="false"></button>

如果您仍有问题，请提供一个最小的、可重现的示例：https ://stackoverflow.com/help/minimal-reproducible-example

希望有帮助。

于 2019-09-04T23:00:50.477 回答