javascript - Melalui ajax, semua data dimuatkan dalam ul, dan acara klik ul li ditambah, tetapi ia tidak boleh dicetuskan.

Question

Melalui ajax, semua data dimuatkan dalam ul, dan acara klik ul li ditambah, tetapi ia tidak boleh dicetuskan Jika ia adalah peristiwa ul, ia boleh dicetuskan.

ajax

 /*省市*/
$("#proNum").click(function(){        
        $.ajax({type:"post",
              url:"region/jsonRegion",
              dataType:"json",
              success:function(data){                  
            $("#gj_disProvince").toggleClass("active");
                var listr ="";
                for(var i = 0; i < data.length; i++){
                    listr +="<li class='com-li gj_dispro' proNum='"+data[i].id+"'>"+data[i].placename+"</li>";
                }
                $("#assessPro").html(listr); //添加全部城市            
           }
        
        });
    });

Gambar rajah pelaksanaan

tag

                <p class="conselect mr-7" id="gj_disProvince">
                    <input class="inputype" readonly="readonly"placeholder="省份"
                        id="proNum" proNum="0">
                    <p class="p-r">
                        <p class="down-box">
                            <ul class="com-ul com-ul-288" id="assessPro">
                            </ul>
                        </p>
                    </p>
                </p>

Acara

    /*选择一个省 ，li[class='com-li gj_dispro'] 触发不了*/
    $("ul[class='com-ul com-ul-288']").click(function(){
         alert(1);    
        // 不明白为什么 ul 能触发,li就不行,
        //请教一下如何获取到选择中li的省市和id           
    });

Answer 1

$('selector').on('click','childSelector',function(){})
使用 on() 方法添加的事件处理程序适用于当前及未来的元素

Answer 2

Oleh kerana acara ajax dilaksanakan secara tidak segerak, apabila anda mengklik, tiada struktur li don

Answer 3

Simpan id dalam attr li apabila menggelung
<li c_id="" >
Klik acara untuk mendapatkan
var cid = $this.attr('c_id');

Answer 4

Gunakan $parentNode.on('click',childNode,callback) untuk mengikat acara Prinsipnya ialah mekanisme menggelegak acara

Answer 5

Perhatikan tiga perkara:
1 Fungsi pendaftaran acara harus didaftarkan selepas panggilan Ajax berjaya Anda boleh memanggil fungsi panggilan balik ajax
2 fungsi acara di sini Tulisan yang salah, tetapkan nilai untuk diklik, dan kemudian pemilih kelas anda Saya tidak menemui sebarang elemen yang nilai kelasnya dalam pemilih anda.
3 Pastikan acara telah didaftarkan sebelum anda mengklik pada acara tersebut.