• 工作整理日志


    JS动态添加元素后事件不起作用失效

    解决方案:

    $("#table").on("click","td",function(){ alert($(this).attr("id")); });

    js给 html:

    1.解决赋值问题。
    在前端使用Js给ASP.NET服务器控件   visilbe 为false的也获取不到

        $("#btnaddbaby").click(function () {
            var monitorid = $(this).attr("id");
            console.log($(this).attr("id"));
     
        });

    ddl 动态添加options

      var htmlInfo = "";
                                //ddlbaby
                                $.each(obj, function (n, value) {
                                    htmlInfo += " ";
                                });
                                $("#ddlbaby").append(htmlInfo);


    $(function () {
        //获得绑定数据
        $.ajax({
            type: "POST",
            url: "/ajax/BabyHandler.ashx",
            dataType: "json",
            data: {
                act: 'getlist'
            },
         

     success: function (e) {
                if (e.ResultCode == 1) {
                    var obj = e.lstBaby;
                    var htmlInfo = "";
                    htmlInfo += `

    共有${obj.length}个宝宝
    `;
                    htmlInfo += `    
    `;
                    $.each(obj, function (n, value) {

                        htmlInfo += `      

    `;
                        htmlInfo += `        
    房间:${value.RoomName},妈妈:${value.MotherName}
    `;
                        htmlInfo += `          
    ${value.BabyName}(ID${value.BabyKey})
    `;
                        htmlInfo += `      
    `;

                    });
                    htmlInfo += `      

    `;
                    htmlInfo += `      
    `;
                    htmlInfo += `    
    `;
                    htmlInfo += `  
    `;
                    $("#babycontent").html(htmlInfo);
                } else {
                    alert(e.ResultMessage);
                }

        });


     

        $("#btnaddbaby").click(function () {
            var monitorid = $(this).attr("id");
            console.log($(this).attr("id"));
            $(".showpop").show();
            $(".bindbaby").hide();
            $(".showbindbabywrap").hide();
            $(".addbabywrap").show();
        });
        $("._monitorempty").click(function () {
            var monitorid = $(this).attr("id");
            console.log($(this).attr("id"));
            $(".showpop").show();
            $(".bindbaby").show(); $(".addbabywrap").hide();
            $(".showbindbabywrap").hide();
            $(".showpop_manitor_name").text(monitorid);
        });

        $("._monitorbaby").click(function () {
            var monitorid = $(this).attr("id");
            console.log($(this).attr("id"));
            $(".showpop").show();
            $(".bindbaby").hide(); $(".addbabywrap").hide();
            $(".showbindbabywrap").show();
            $(".showpop_manitor_name").text(monitorid);
        });


        $(".close").click(function () { $(".showpop").hide(); });

    });

  • 相关阅读:
    一招解决windows电脑禁用笔记本自带键盘问题
    TiDB x 北京银行丨新一代分布式数据库的探索与实践
    Jquery结合Ajax和Web服务使用三层架构实现无刷新分页
    数据结构-----树和二叉树的定义与性质
    Redis—听说你速度跟甲斗一样快?——哨兵
    信息学奥赛一本通 1941:【07NOIP普及组】Hanoi双塔问题 | 洛谷 P1096 [NOIP2007 普及组] Hanoi 双塔问题
    网络安全中运维基础程序设计语言有哪些?
    使用uniapp框架搭建浙里办微应用(单点登录、埋点、适老化、RPC网关)
    冒泡排序算法(思路分析) [数据结构][Java]
    1.3.14 路由器 OSPF 动态路由配置
  • 原文地址:https://blog.csdn.net/goodyatou/article/details/127877741