javascript - w2ui工具栏项-是否可以通过URL添加自定义图标？

在w2ui工具栏项目中，创建后，您可以为图标指定css类。例如下面的示例：

<script type="text/javascript">
$(function () {
    var btnCount = 0;
    $('#toolbar').w2toolbar({
        name: 'toolbar',
        items: [
            { type: 'button', id: 'append', text: 'Append', icon: 'w2ui-icon-plus' },
            { type: 'button', id: 'insert', text: 'Insert', icon: 'w2ui-icon-cross' }
        ],
        onClick:
            //Some Code
});</script>

其中“ w2ui-icon-plus”和“ w2ui-icon-cross”是CSS类。

但是，这意味着您必须为该图标定义一个CSS类。如何仅通过imagem URL设置图标？

由于我可以拥有动态图像，因此无法为所有图像创建CSS类。

最佳答案

目前尚不可能。

最好的选择是确定要使用JQuery操作的工具栏按钮并更改背景图片。

这是更改第一个按钮的背景图像的示例：

$(".w2ui-tb-image").first().css({
    "background-image": "url(http://lorempixel.com/output/animals-q-c-16-16-1.jpg)"
});

工作提琴：http://jsfiddle.net/6wkunhz7/

小提琴基本代码取自此处：http://w2ui.com/web/demos/#!toolbar/toolbar-1

您可能需要对CSS进行一些修改，以使所有内容看起来都不错，但是您应该了解基本概念。

关于javascript - w2ui工具栏项-是否可以通过URL添加自定义图标？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42673332/