javascript - JS 断点未命中，但代码执行

Question

我有一个不寻常的问题，并且从几个小时开始就在处理它。我的断点没有在函数中被击中，但功能仍然有效，这让我发疯。我已经用 Chrome/开发人员工具和 Firefox/Firebug 尝试过这个。我以前从未有过这样的事情。

当我点击按钮 New Conversation 时，第一个断点命中。但是当我点击通过 jquery .load() 出现的取消按钮时，断点没有命中。然而它背后的功能却在执行(div 被清空)。

请问我错过了什么？

function cancel_new_conversation(event){
    //2nd Breakppoint below this line doesn't get hit, but the empty() statement works.
    event.preventDefault();
    $('#new_conversation_div').empty();
}

function new_conversation(event){
    event.preventDefault();
    var url = $(this).attr("href") + "/";
    $('#new_conversation_div').load(url, function(){
       //1st Breakpoint gets hit.               
       $('#new_conversation_cancel_button').click(cancel_new_conversation);     
    }); 
}

$(document).ready(function (){      
  $('#new_conversation_button').click(new_conversation);
}

我正在做的事情是否以某种方式破坏了 javascript？

编辑:

警报的好主意。这是证明。也许是环境问题？我必须在另一台机器上尝试。

Answer 1

昨天午餐后，我以无限的智慧得到了部分 html，我打算用 $('#new_conversation_div').load(url, function() 加载它，并将其设计为完整的 html带有标题和正文。

因此，一旦它被加载到我的 div 中，html 标记就变得一团糟(两个标题，两个正文)

我将 javascript 文件从损坏的部分 html 移动到我的主 html 中，并从部分 html 中删除了 header 和正文。现在我 .load() 了部分 html，一切都按预期工作并且断点命中。很难找到。

希望这对其他人有帮助。