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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM