如何將事件處理程序綁定到Zurb Foundation框架自定義下拉列表中？

Question

我正在使用Zurb Foundation框架，並有一個select元素，其中框架爲自定義select元素（下面的自定義下拉列表）注入HTML。

<select id="caseModule" style="display: none;"> 
    <option value="gifting">Gifting</option> 
    <option value="other">Other</option> 
</select> 
<div class="custom dropdown" style="width: 97px;"> 
    <a href="#" class="current">Other</a> 
    <a href="#" class="selector"></a> 
    <ul style="width: 95px;"> 
    <li>Gifting</li> 
    <li class="selected">Other</li> 
    </ul> 
</div> 

如何將jQuery事件處理程序綁定到自定義下拉菜單，因爲它是在頁面加載時即時插入的？如果我將.change（）事件處理程序綁定到原始select元素，它不會被觸發。我是否假設在select元素後面會緊跟着一個div元素？「自定義下拉」類？如果框架發生變化，那麼這種方法似乎可能充滿了潛在的問題。

Answer 1

綁定到原來的選擇元素完美的作品對我很好

$(document).ready(function() { 
    $('#caseModule').change(function() { 
     console.log('changed'); 
    }); 
}); 

Answer 2

粉底5.4.5，這是爲我工作：

$('.dropdown').on('opened.fndtn.dropdown', function() { 
    return console.log('opened'); 
}); 
$('.dropdown').on('closed.fndtn.dropdown', function() { 
    return console.log('closed'); 
});