Question

iam使用此下拉列表插件;

https://tympanus.net/Development/SimpleDropDownEffects/index4.html

当我点击外面关闭时，我想要关闭下拉列表。

其js doc。;

视图源：https://tympanus.net/Development/SimpleDropDownEffects/js/jquery.dropdown.js

谢谢大家。

Answer 1

此插件没有此选项。但是你可以使用事件的上升。处理程序的end元素的故事，它将检查列表中是否有任何已单击的项目，然后将其关闭

看看我的例子......

codepen.io/Hydrock/pen/zPyjQG

Answer 2

on you click ul change height and add class cd-active

轻松删除课程和身高

$('.cd-dropdown').blur(function () {
                $(this).removeClass('cd-active');
                $('.cd-dropdown ul').css('height', 'auto');
            });

或

$(document).on('blur','.cd-dropdown',function () {
                $(this).removeClass('cd-active');
                $('.cd-dropdown ul').css('height', 'auto');
            });

Answer 3

试试这个

$('.cd-dropdown').focusout(function () {
                $(this).removeClass('cd-active');
                $('.cd-dropdown ul').css('height', 'auto');
                $('.cd-dropdown ul li').css('top', '0px');
            });

Answer 4

$('.cd-dropdown').focusout(function () {
            $(this).removeClass('cd-active');
            $('.cd-dropdown ul').css('height', 'auto');
            $('.cd-dropdown ul li').css('top', '0px');
        });

在我的js文件中不是这样的。 $（本）.removeClass（ 'CD-主动'）; XX

喜欢这个 $（本）.removeClass（ 'CD-活性'）;

之前我已经改变了，后来注意到了谢谢你解决了

当我点击外面时，下拉列表

4 个答案: