jquery - 令人惊叹的 jQuery 怪异

Question

...至少对我来说。这段代码曾经工作得很好。我很确定什么都没有改变，但现在突然间它的行为变得奇怪了。基本上我正在尝试创建内联编辑功能。当用户单击该链接时，它会动态生成一个文本框以及一个确认和取消链接。我遇到了取消链接无法删除单元格中所有内容的问题。

HTML:

...
<td class="bid">
   <a href="javascript:" class="102093" title="Click to modify bid">$0.45</a>
</td>
...

绑定(bind) jQuery(在 $(function()) 中):

$('.bid a').live('click', renderBidChange);
....
$('.report_table .cancel').live('click', cancelUpdate); 

renderBidChange(此函数创建动态元素):

function renderBidChange(){
    var cpc = $(this);
    var value = cpc.text().replace('$', '');
    var cell = cpc.parent('.bid');
    cpc.hide();

    var input = document.createElement('input');
    $(input).attr({type:'text',class:'dynamic cpc-input'}).val(value);
    cell.append(input);

    var accept = document.createElement('a');
    $(accept).addClass('accept').attr({'href':'javascript:',
      'title':'Accept Changes'}).text('Accept Changes');
    cell.append(accept);

    var cancel = document.createElement('a');
    $(cancel).addClass('cancel').attr({'href':'javascript:',
      'title':'Cancel Changes'}).text('Cancel Changes');
    cell.append(cancel);

    $(input).focus();
    input.select();
}

cancelUpdate 此函数只是删除单元格中所有可见的内容(在本例中为所有动态垃圾)并显示曾经存在的内容。

function cancelUpdate(){
    var cell = $(this).parent();
    cell.find(':visible').remove();
    cell.find(':hidden').show();
}

但是，由于某种原因，单击后取消链接仍然存在!除此以外，其他所有内容均被删除。 WTF

感谢您提供的任何见解!我确信这只是一些愚蠢的小细节，我[含咖啡因]看得太过了......

更新发布此内容后，我立即意识到这可能是 CSS 问题，但在仔细检查我的代码后，事实并非如此。

Answer 1

这里需要稍微调整一下:

$('.bid a:not(.cancel)').live('click', renderBidChange);

由于您已转移到 .live()，第一个函数也会通​​过单击取消来运行:)