Foundation の「Clearing」機能が開かれたときに、イベントをバインドする際に問題が発生しています。基本的に、誰かがクリア ul の画像をクリックすると、javascript が起動するはずです。しかし、それを機能させることはできません。
これが私のコンテンツです:
<div id="tourImages">
<ul data-clearing>
<li><a href="/img/someimage.jpg"><img src="/img/someimage-thumb.jpg"></a></li>
</ul>
</div>
次に、JavaScript で次のように記述します (注: これは Wordpress サイトであるため、"$" の代わりに "jQuery" を使用しています)。
jQuery(document).ready(function() {
jQuery(document).foundation();
jQuery("div#tourImages").on("opened.clearing.fndtn", function(event, alert) {
// do javascript or jquery here.
});
});