4

zurb Foundation 4 ドロップダウンのリンクをクリックすると、リンクがドロップダウンを閉じません。これをサイト全体で体系的に行う最善の方法は何ですか?

この問題を解決するために、次の関数を作成しました。これが最善の方法ですか、それとも何か不足していますか?

 $('.f-dropdown').click(function(){
     if ($(this).hasClass('open')) {
         $('span[data-dropdown="'+$(".f-dropdown").attr('id')+'"]').trigger('click');
     }
 });
4

3 に答える 3

5

おそらく、独自のコードですでに修正されていますが、Web ページに複数のドロップダウンがある場合は、この方法でよりうまく機能します。

$('.f-dropdown').click(function() {
    if ($(this).hasClass('open')) {
         $('span[data-dropdown="'+$(this).attr('id')+'"]').trigger('click');
     }
});
于 2013-06-22T18:45:01.353 に答える
0

これを使用して、zurb Foundation 3.2.5 のページ内のすべてのドロップダウン ボタンの動作を変更します。4ではテストしていませんが、ここでは別の方法であるため、そうです。

$(document).ready(function () {
        $('.button.dropdown').find('li').click(function () {
            $(this).parents('.button.dropdown')[0].click();
        });
    });
于 2014-03-10T01:33:41.940 に答える
0

また、ドロップダウン ul 要素にアタッチされた data-dropdown-content 属性も必要です。

参考：https ://github.com/zurb/foundation/issues/1831#issuecomment-15133817

于 2013-12-17T23:16:36.967 に答える