jQuery向动态添加的组件绑定事件

最新推荐文章于 2024-07-14 03:40:57 发布

李佳和89757

最新推荐文章于 2024-07-14 03:40:57 发布

阅读量2.4k

点赞数

文章标签： jquery 函数

本文链接：https://blog.csdn.net/ljh243581579/article/details/78263526

版权

jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。


$('body').on('click','.adminUser',function () {
        var receive_id = $(this).attr("data-id");
        var chat = $(this).children().attr("data-chat");
        //获取子组件
        if(typeof(chat) == "undefined"){
            chat = $(this).children().next().attr("data-chat");
            //获取子组件的下一组件
        }
        console.log(receive_id);
        var htm = "";
        var htmReceive_id = "<div><input id='receive_id' value="+receive_id+" hidden='hidden'/></div>";
        var htmid = "";
        $("div").remove("#private-mobile div");
        if(chat == "open"){

            $.ajax({
                type:"post",
                url:'/index.php/module/live/content/selectPrivate',
                data : { "receive_id" : receive_id },
                async:false,
                success:function(data) {
                    var data =  JSON.parse(data);
                    if(data.msg != "error"){
                        var len = data.msg.length;
                        var img;
                        for(var i=0;i<len;i++){
                            switch (data.msg[i]['level'])
                            {
                                case "0":
                                    img = '/themes/v2/static/images/15hy.png';
                                    break;
                                case "1":
                                    img = '/themes/v2/static/images/14byVIP.png';
                                    break;
                                case "2":
                                    img = '/themes/v2/static/images/13hjVIP.png';
                                    break;
                                case "3":
                                    img = '/themes/v2/static/images/12bjVIP.png';
                                    break;
                                case "4":
                                    img = '/themes/v2/static/images/visitorlist_icon_member2.png';
                                    break;
                                case "5":
                                    img = '/themes/v2/static/images/10zzVIP.png';
                                    break;
                                case "6":
                                    img = '/themes/v2/static/images/9cz.png';
                                    break;
                                case "7":
                                    img = '/themes/v2/static/images/8th.png';
                                    break;
                                case "-2":
                                    img = '/themes/v2/static/images/1gly.png';
                                    break;
                                case "-3":
                                    img = '/themes/v2/static/images/6lszl.png';
                                    break;
                                case "-4":
                                    img = '/themes/v2/static/images/7khjl.png';
                                    break;
                                case "-6":
                                    img = '/themes/v2/static/images/visitorlist_icon_member2.png';
                                    break;
                                default:
                                    img = '/themes/v2/static/images/17yk.png';
                            }

                            htmid = "<div><input id='private_chatid' value="+data.msg[i]['chatid']+" hidden='hidden'/></div>";
                            if(data.msg[i]['chatuserid'] == data.userid){
                                htm += "<div class='chat-message chat-message-sender'>" +
                                    "        <img class='avatar img-circle' src='"+img+"' />" +
                                    "        <div class='chat-message-wrapper'>" +
                                    "          <div class='chat-message-content'>" +
                                    "            <p>"+data.msg[i]['chatcontent']+"</p>" +
                                    "          </div>" +
                                    "          <div class='chat-details'> <span class='today font-10'>"+getLocalTime(data.msg[i]['ctime'])+"</span> </div>" +
                                    "        </div>" +
                                    "      </div>";
                            }else{
                                htm += "<div class='chat-message chat-message-recipient'>" +
                                    "        <img class='avatar img-circle' src='"+img+"' />" +
                                    "        <div class='chat-message-wrapper'>" +
                                    "          <div class='chat-message-content'>" +
                                    "            <p>"+data.msg[i]['chatcontent']+"</p>" +
                                    "          </div>" +
                                    "          <div class='chat-details'> <span class='today font-10'>"+getLocalTime(data.msg[i]['ctime'])+"</span> </div>" +
                                    "        </div>" +
                                    "      </div>";
                            }
                        }
                        $("#private-mobile").append(htmid);
                        $("#private-mobile").append(htm);
                    }

                }
            });
            $("#private-mobile").append(htmReceive_id);

        }
    })