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

Question

我遇到了一个不寻常的问题，并且花了几个小时来解决它。我的断点没有在函数内被击中，但功能仍然有效，这让我发疯。我已经使用 Chrome/开发者工具和 Firefox/Firebug 尝试过此操作。我以前从未经历过这样的事情。

当我单击“新对话”按钮时，第一个断点被命中。 但是，当我单击通过 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 标记就变得完全困惑(两个 header ，两个正文)

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

希望这对其他人有帮助。