我正在使用一个名为jQueryFontIconPicker的jquery插件。我正在修改此图标选择器以选择用户可以上传的图像图标。
当选择图标时,我使用附加到创建jqfonticonpicker的函数的.on('change')...问题是我试图操纵dom但是不能强制我的更改生效后插件更改生效。
是否有一种优雅的方法来设置排序?
var iconcats = { // these are just arrays listing the icons to use. they all work fine.
'Library Icons': libicons,
'My Icons': usericons
};
$('.iconpicker-input').fontIconPicker({
source: iconcats,
emptyIcon: false,
hasSearch: true,
theme: 'fip-darkgrey'
}).on('change', function(){
// Do DOM changes here, replace icons with images.
var target = event.target;
var iconname;
if($(target).hasClass('custom-icon-image'))
{
iconname = $(target).attr('title');
alert('check sequence');
$(target).closest('.icons-selector .selected-icon i').html('<img class="selected-icon-image" src="/site_repo/' + siteID +'/icons/' + iconname + '.png" title="' + iconname + '" />');
$(target).closest('.icons-selector .selector').html('<p>test</p>');
}
});
});
提前谢谢
答案 0 :(得分:0)
我发现无法控制事件的执行顺序,它似乎是浏览器控制的,所以我最后只是修改了插件代码。不理想,但解决了这个问题。