3

したがって、選択したプラグインは素晴らしいです。ドロップダウン選択ボックスに小さな効果を追加して、アニメーションなしでポップオープンするのではなく、クリックしたときにスライドダウン/スライドアップにする方法を知っている人はいますか？

4

2 に答える 2

2

あなたの問題の解決策があります。

CSS:

ルール.chosen-container

追加

display: none;

そして取り除く

left: -9999px;

次に、いくつかのイベントをバインドする必要があります。

$('.chosen-select').on('chosen:showing_dropdown', function() {
    $(this).next('.chosen-container').children('.chosen-drop').slideDown(400);
}).on('chosen:hiding_dropdown', function () {
    $(this).next('.chosen-container').children('.chosen-drop').slideUp(400);
});

それで全部です！

于 2014-07-17T10:56:41.137 に答える
1

Chosen には多くの API がないため、Chosen のより高度な後継であるSelect2を使用しています。Chosen から Select2 への構文の切り替えはごく簡単です。

これで閉じることができますが、Select2 は閉じると検索結果を非表示にします。あなたはそれに対処しなければならないでしょう。

http://jsfiddle.net/isherwood/9WgAB/

$("#mySelect").select2().on('open',function(){
    $('.select2-drop').hide().slideDown();
}).on('close',function(){
    $('.select2-drop').show().slideUp();
});
于 2013-03-28T20:17:56.293 に答える