0

我有一排动态生成<td>的带有class="editabletext".Each<td>的<div>元素，其中包含包含电子邮件 ID 的元素。

就像是..

<td class="editabletext"><div id="emailfield" >email1@abc.com</div></td> ....<td class="editabletext"><div id="emailfield">email2@abc.com</div></td>

我有这个 jquery 函数，它在双击时被调用<td>：

   $('.editabletext').bind('dblclick', EventHandler);

  function EventHandler(){


        var text = $(this).text(); //
        var fieldtype=$(this).find('div').attr('id');
        $(this).text('');
        $('<input type="text" id="txtedit" onblur=""/>').appendTo($(this).unbind('dblclick')).val(text).select().blur(
            function(){


                var newText = $(this).val();//
                if(validateItems(newText, fieldtype))
                     {
                     $('<div id="'+fieldtype+'"></div>').appendTo($(this).parent()).text(newText);

                    $(this).parent().find('input:text').remove();
                    $(this).parent().hasClass('editabletext'); // this is returning false eventhough td have the class.
                     }
                else
                    {
                    $(this).parent().find('input:text').css({'border-color': '#FF0000'});

                    }


           }); 
  }

我面临的问题：一旦使用有效电子邮件编辑电子邮件 ID，我就无法将双击事件绑定回来（在选定的 td 上）。请帮我。提前致谢 ！！

4

0 回答 0