你可以在外部库的Javascript中更改订单事件吗?

时间:2017-06-02 19:36:13

标签: javascript events

我正在使用一个名为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>');
            }
        });

});

提前谢谢

1 个答案:

答案 0 :(得分:0)

我发现无法控制事件的执行顺序,它似乎是浏览器控制的,所以我最后只是修改了插件代码。不理想,但解决了这个问题。