Question

我们已经实现了jQuery selectbox plugin并创建了一个自定义触发器事件，以便在更改选择框时获取数据。例如，我们使用它在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来解决此问题。

自定义选择框触发onchange事件多次

1 个答案: