如何使用jquery为heapbox应用onChange事件？

Question

假设

<select class="csrSelect" id="queueSelect">
    <option value="">Select Another Queue to Manage</option>
    <option value="1">Store 1</option>
    <option value="2">Store 2</option>
    <option value="3">Store 3</option>
    <option value="4">Store 4</option>
    <option value="5">Store 5</option>
    <option value="6">Store 6</option>
</select>

css类'csrSelect‘已经在这个选择框上实现了heapbox。现在我想调用一个onChange事件，如下所示：

<select class="csrSelect" id="queueSelect" onChange="Changed()">
    <option value="">Select Another Queue to Manage</option>
    <option value="1">Store 1</option>
    <option value="2">Store 2</option>
    <option value="3">Store 3</option>
    <option value="4">Store 4</option>
    <option value="5">Store 5</option>
    <option value="6">Store 6</option>
</select>

但这不是working.Please帮助我。

Answer 1

你只需要使用heapbox events.You就可以使用heapbox onchange事件。

$(".mySelect").heapbox({
'onChange':function(){},
'openStart':function(){},
'openComplete':function(){},
'closeStart':function(){},
'closeComplete':function(){},
});

您可以阅读http://www.bartos.me/heapbox/的文档，它的工作非常完美。享受吧..。

Answer 2

您可以这样设置heapbox来触发原始元素的事件：

$('select').heapbox({
   "onChange":function(val, elm) {
       elm.trigger('change');
    }
});