Question

我安装了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',
});

但是示例中没有任何内容可以告诉您如何获取所选图标。我想到了一个回调或类似的东西。

如何获取所选图标？

Answer 1

我已经在 Github 更新了插件，因此当用户更改iconpicker时会触发change事件。

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

您如何使用

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

<强>日志：

fa-key
   fa-info-circle
   fa-flag-checkered

修改
Victor Valencia 已批准我的拉取请求，因此您可以download the source from his repository。

Answer 2

就像mi知识一样，它只是改变了组件的css。您不会在此获取图像值或路径。

请你详细说明你想在这里实现的目标。

Answer 3

根据您选择的内容更改隐藏的输入 - 您可以使用此选项进行更改：$('input[name=icon]')

Answer 4

事件是“iconpickerSelected”

$('#convert').iconpicker({ 
              iconset: 'fontawesome',
              icon: 'fa-key', 
              rows: 5,
              cols: 5,
              placement: 'top',
            });  
$('#convert').on('iconpickerSelected', function (e) {
 //here you can get the value

        $(this).val() 
})

如何从js bootstrap iconpicker获取所选图标？

4 个答案: