jq实现点击页面其他区域隐藏下拉列表

 页面结构如图所示,要实现点击下拉列表外的其他区域隐藏下拉列表,点击下拉列表区域则不隐藏。

代码如下:

//点击空白处隐藏多选下拉框
$(document).bind("click", function (e) {
    var searchTable = $(".source_data_tab");
    if (!searchTable.is(e.target) && searchTable.has(e.target).length === 0) {
        $(".source_data_tab").hide();
    }
});

 source_data_tab是要隐藏的下拉列表的div标签的class名称。

猜你喜欢

转载自blog.csdn.net/liangmengbk/article/details/109073660