javascript - 如果我想使用 jquery-ui 1.12.0 将两个图标添加到一个按钮怎么办

Question

  $("#search_button").button({
    icons: {
        "primary": 'ui-icon-search',
        "secondary": "ui-icon-triangle-1-s"
    },
});

"secondary": "ui-icon-triangle-1-s" 无法添加到 "#search_button"

Answer 1

您需要更新代码才能使用新的 jquery ui 版本 1.12.0

//旧

<button>Click me</button>

$( "button" ).button( {
    icons: {
        primary: "ui-icon-lock",
        secondary: "ui-icon-gear"
    }
} );

//在新的ui版本1.12.0中

<button>Click me <span class="ui-icon ui-icon-gear"></span></button>

$( "button" ).button( {
    icon: "ui-icon-lock"
} );

$("#search_button" ).button( {
    icon: "ui-icon-search"
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<button id="search_button">Search <span class="ui-icon ui-icon-triangle-1-s"></span></button>