//点击其他元素 $(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