jquery使用live绑定toggle事件，第一次点击没有反应，第2次才起作用问题

最新推荐文章于 2022-11-05 20:10:18 发布

原创最新推荐文章于 2022-11-05 20:10:18 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文探讨了在使用jQuery的live方法绑定toggle事件时遇到的问题，即首次点击无响应，第二次点击才生效。通过加入$(this).trigger('click');这行代码，可以修复这一问题，确保事件正确响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#popChapterManage .JS-edit").live("click",function(){
        $(this).toggle(function () {
            $(this).text("保存");
            var input = $(this).parent().siblings(".input");
            var inputtext = input.text();
            input.html("<input id='txteditchapterName' class='ipt-text grid-12' type='text' value=''>");
            input.find("input").val(inputtext);
        },
           function () {
               var chapterId = $(this).attr("aId");
               if ($("#txteditchapterName").val() == "") {
                   alert("章节名称不能为空");
                   return;
               }
               $.ajax({
                   url: "/Teacher/Resource/AddandUpdateChapter",
                   type: "POST",
                   async: true,
                   data: {
                       Id: chapterId,
                       ChapterName: $("#txteditchapterName").val(),
                       ChapterSource: EnumList.CaseSource.Custom,

                   },
                   success: function (data) {
                       alert(data);
                       GetTheoryChaptertable();
                   }
               });


               $(this).text("编辑");
               var inputtext = $(this).parent().siblings(".input").find("input").val();
               $(this).parent().siblings(".input").html(inputtext);
           });

        //先触发click，不然第一次失效
        $(this).trigger("click");
    });