如何跟踪站点'；s javascript

我知道这似乎是一个简单的答案，我可以在谷歌上搜索，但我一直在尝试，无法找到答案。我安装了firebug、mozilla developer和chrome。在chrome上，当我将鼠标悬停在某个地方时，我可以让页面暂停，但它只是停在jquery中的某个地方，我仍然无法访问我想要检查的呼叫。单步走似乎不能帮我找到它。
这就是我想做的，我希望有人能向我解释他们是如何做的，就像我是个白痴一样，因为我是

我想将编辑页面加载到模式对话框中。我有使用BootstrapDialog的modals和使用

并希望检查执行此操作的代码。我找不到做这个的js调用。我不想在第一个事件中立即中断，我想进入事件，单击鼠标，然后查看在js代码中href进入模式对话框的位置。目前，我只是停留在jquery单击事件中，无法找到导致href加载的模式的mouseclick事件。您将采取哪些具体步骤来实现这一点

编辑：在模态加载href时，我如何检查站点的代码看起来像这样？（下面的代码不是我正在查看的站点的示例，而是我希望在站点上检查的区域）

$（文档）.ready（函数（）{
$（'.btn.edit attendee'）。单击（函数（e）{
url=$（this.attr（'href'）；
警报（url）；
BootstrapDialog.show({
消息：$（''）.load（url）
});
});
});
使用调试器（当Firebug或其他开发工具打开时，代码将停止，您可以对其进行检查）

$（文档）.ready（函数（）{
$（'.btn.edit attendee'）。单击（函数（e）{
url=$（this.attr（'href'）；
警报（url）；//将其替换为-->
调试器//编辑
BootstrapDialog.show({
消息：$（''）.load（url）
});
});
});
我不完全确定你在问什么。如何逐步通过JS？如何调试它？如何跟踪AJAX请求？如何找到bug？如何查看JS源代码，其中
正在加载到模态对话框窗口中？我使用调试器，但无法找到显示正在使用的Jquery的代码部分。现在，我已经尝试了一段时间，我想我可能是不幸的，这个特定的网站是故意让它很难。如果您能做到这一点，我将非常感激您是如何做到这一点的。您正在使用Jquery库作为引导库。两个核心文件都可以从站点下载。当您将这些核心文件添加到网页时，您应该能够调试代码。我一分钟前才做的。我能够看到正在执行的所有代码。和。我希望这有帮助。
    $(document).ready(function(){
    $('.btn.edit-attendee').click(function(e){
        url = $(this).attr('href');
        alert(url);
        BootstrapDialog.show({
            message: $('<div></div>').load(url)
        });
    });
});

    $(document).ready(function(){
    $('.btn.edit-attendee').click(function(e){
        url = $(this).attr('href');
        alert(url); //replace this with -->
        debugger //edit
        BootstrapDialog.show({
        message: $('<div></div>').load(url)
        });
    });
});