我正在学习JQuery教程,该教程旨在显示带有主要和辅助图标的JQuery按钮。讲师的按钮如下所示:
对我来说,相同的代码显示这样的按钮:
我的代码:
Button 1
现在,当我注释掉primary: '...'选项时,我可以看到第二个按钮,但不能同时看到两个按钮。 JQueryUI更改了吗?如何在按钮上显示2个图标,例如讲师的图标?
primary: '...'
注意:按钮小部件已在1.12中重写。某些选项已更改,您可以在1.11按钮文档中找到旧选项的文档。该小部件过去曾捆绑了对单选和复选框类型输入的支持,现已弃用,请改用checkboxradio小部件。它还用于捆绑buttonset小部件,也已弃用,请改用controlgroup小部件。
因此,快速解决方案是使用较旧的库:1.11.4。示例:
$(function() { $('#button1').button({ icons: { primary: 'ui-icon-mail-closed',secondary: 'ui-icon-caret-1-e' } });});
这有效。
另一种方法是手动添加元素或使用Controlgroup。