Jquery ui 了解jQueryUI按钮小部件

我希望在更新到最新版本后重新创建以下按钮（按钮小部件在1.12版之后被重写，但是我很难根据此处的api文档获得正确的语法/类）：

按钮应该是这样的

但到目前为止，我得到的最接近的是

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

<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"
});

$（“#btnAddNew”）。按钮({
课程：{
“ui按钮”：“ui小部件ui状态默认ui角点所有ui按钮文本图标主”
},
图标：{
主：“用户界面图标+”
},
标签：“新”
});

---

有人能指出我哪里出了问题吗？

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

$（函数（）{
$（“#btnAddNew”）。按钮({
图标：{
主：“用户界面图标+”
},
标签：“新”
});
})；

另一方面，您可能想离开jQuery UI，寻找一个替代库，因为项目本身已经多年没有更新了，看起来已经死了，或者至少已经死了。是的，我同意，我通常会迁移到bootstrap，但我没有这个选项，只需要更新现有代码就可以让它看起来像以前一样。