自定义Selectbox触发器多次启用事件

Question

我们已经实现了一个jQuery selectbox插件，并创建了一个自定义触发事件，以在更改Selectbox时获取数据。例如，我们使用它在Magento商店中选择所需的产品属性选项。

一切顺利，直到我们选择一个在同一"会话"中触发的选项。然后什么都没有发生。怎么可能？

触发事件：

Element.prototype.triggerEvent = function(eventName)
{
    if (document.createEvent)
    {
        var evt = document.createEvent('HTMLEvents');
        evt.initEvent(eventName, true, true);
        return this.dispatchEvent(evt);
    }
    if (this.fireEvent)
        return this.fireEvent('on' + eventName);
}
var global_select = '';
function customEvent(id, event) {
    global_select = id;
    $(id).triggerEvent(event);
    global_select = '';
}

jQuery代码：

jQuery('select').change(function(e) { 
    id = jQuery(this).attr('id');
    if (id && id != global_select)
        customEvent(jQuery(this).attr('id'), 'change');
    jQuery('select').each(function() {
        var id = jQuery(this).attr('id');
        if (jQuery(this).css('display') == 'none') {
            jQuery(this).selectbox('detach');
            jQuery(this).hide();
        } else {
            jQuery(this).selectbox('attach');
        }
    });
});
jQuery('select').each(function(){
    if (jQuery(this).css('display') != 'none') {
        jQuery(this).selectbox();
    }
});

Answer 1

我们通过将jQuery版本从1.10.2更改为1.8.2。