如何使用jquery为堆box应用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>

但它没有用。请帮助我。

Answer 1

您只需要使用heapbox事件。您应该使用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');
    }
});