我安装了 js bootstrap iconpicker ( http://www.jqueryscript.net/other/jQuery-Based-Icon-Picker-For-Bootstrap-3-iconpicker.html , http://victor-valencia.github.io/bootstrap-iconpicker/ ),但我没有看到如何检测选定的图标。

配置按钮的示例代码是:

$('#convert').iconpicker({
    iconset: 'fontawesome',
    icon: 'fa-key',
    rows: 5,
    cols: 5,
    placement: 'top',
});

但是示例中没有任何内容说明如何获取所选图标。我会想到回调或类似的东西。

如何获得选定的图标?

最佳答案

我已经在 Github 上更新了插件,因此当用户更改图标选择器时会触发 change 事件。

我已经向插件的所有者 (Victor Valencia) 发送了拉取请求。
虽然他不批准更改,但您可以使用 the version modified by me.

如何使用它:

$('#iconpicker').on('change', function(e) {
    console.log( e.icon );
});

日志:



编辑:
Victor Valencia 已经批准了我的 pull request,所以你可以 download the source from his repository

10-08 17:45