jq点击除了当前元素之外的其他元素的事件

//点击其他元素
$(document).bind("click", function(e) {
    var target = $(e.target);
    if (target.closest("#cjj_select_name").length == 0) { //点击id为parentId之外的地方触发
        $("#cjj_select_option").css("display", "none");
    }
})
//点击需要操作的元素触发的事件
$("#cjj_select_name").click(function() {
    console.log(modelSelectList);
    $("#cjj_select_option").css("display", "block");
    console.log(modelSelectList);
    var selectHtml = '';
    $.each(modelSelectList, function(index, item) {
        selectHtml += `
                <li  data-val="${item[0].model_id}" onclick="selectCJJModel(this)">${item[0].model_name}</li>
                `
    })
    $("#cjj_select_option").html(selectHtml);
})

一般在项目中如果出现弹框之类的,需要点击空白隐藏,点击弹框执行操作

参考链接https://www.cnblogs.com/horanly/p/6101265.html

posted @ 2021-01-06 16:53  凹凸曼啦  阅读(3037)  评论(0编辑  收藏  举报