当前位置:  开发笔记 > 前端 > 正文

jQuery如何在ajax回调后重新绑定此事件?

如何解决《jQuery如何在ajax回调后重新绑定此事件?》经验,为你挑选了2个好方法。

我正在尝试通过操作jQuery选择器来自己创建一个文本编辑.但是,在第一个ajax回调之后,其他回调相同的输入文本不再起作用了......

function editaVal(celDiv, id)
    {
        var novoConteudo = $("");
        $(celDiv).dblclick(function()
        {
            $(this).html(novoConteudo);
        });

        $(novoConteudo).blur(function()
        {
            $(novoConteudo).parents("tr").removeClass('trSelected');
            $.ajax({
                type: 'POST',
                url: '/SuperAdmin/SalvaValor/?busca=' + $(novoConteudo).val() + '&codValor=' + id,
                beforeSend: function()
                {
                    $(celDiv).html($("#loading").show());
                },
                success: function()
                {
                    $(celDiv).html($("#loading").hide());
                    $(celDiv).html(novoConteudo.val());
                }
            });
        });
    }

我的问题是:我怎么能重新绑定这个?重新绑定模糊事件...当我模糊输入文本时,第二个ajax回调没有任何反应.

谢谢!!



1> CMS..:

你可以使用jQuery.live,(jQuery 1.3+).它将处理程序绑定到所有当前和未来匹配元素的事件 .



2> Crescent Fre..:

您将"onblur"处理程序附加到ajax更新后被清除的元素.如果您希望事件持续存在,只需在创建它时绑定(即在上面dblclick):

function editaVal(celDiv, id)
{
    $(celDiv).dblclick(function()
    {
        var text = $(this).html();
        var novoConteudo = $('')
            .appendTo($(this).empty())
            .attr('id', 'novoCont' + id)
            .val(text)
            .blur(function()
            {
                $(this).parents("tr").removeClass('trSelected');
                $.ajax({
                    type: 'POST',
                    url: '/SuperAdmin/SalvaValor/?busca=' + $(this).val() + '&codValor=' + id,
                    beforeSend: function()
                    {
                        $(celDiv).html($("#loading").show());
                    },
                    success: function()
                    {
                        $(celDiv).html($("#loading").hide());
                        $(celDiv).html(novoConteudo.val());
                    }
                });
            });
    });
}

推荐阅读
和谐啄木鸟
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有