jq apend追加标签无法绑定事件取数据

你的名字 2022-01-29 01:47 186阅读 0赞

做搜索提示遇到的问题

$(document).on('click', '.strvalue', function () {//绑定事件
                })
    
    $(function () {
                //搜索框数据检测
                $('#vinputin').keyup(function () {
                    var va = $('#vinputin').val();
                    if (va.length > 2) {//输入多少触发
                        $.ajax(
                            {
                                type: 'post',
                                url: "",
                                data: {vin: va},
                                success: function (e) {
                                    if (e.data.length > 0) {//有结果弹出搜索提示
                                        $('.searchtable').css('display', 'block');
                                        $('#str').empty();
                                        for (var i = 0; i < e.data.length; i++) {
                                            $('#str').append("<tr style=\"cursor: pointer\" >\n" +
                                                "                            <td class=\"strvalue\">" + e.data[i] + "</td>\n" +
                                                "                            </tr>")
                                        }
                                    }
                                }
                            }
                        )
                    } else {
                        $('#str').empty();
                        $('.searchtable').css('display', 'none');
                    }
                })
    //点击提示框数据写入输入框
                $(document).on('click', '.strvalue', function () {
                    var vinid = $(this).text();
                    $('#vinputin').val(vinid)
                    $('#str').empty();
                    $('.searchtable').css('display', 'none');
    
    
                })
            })