Javascript 如何使用Chrome DevTools调试jQuery bind()调用中使用的回调函数?

Javascript 如何使用Chrome DevTools调试jQuery bind()调用中使用的回调函数?,javascript,jquery,google-chrome-devtools,Javascript,Jquery,Google Chrome Devtools,我试图在函数中放置一个断点,该函数作为jQuery中bind()调用的回调传递。javascript在document.ready事件中初始化。 我想在触发回调时检查一些变量,但在脚本中设置断点不会在触发事件时停止调试器 我需要做什么才能使它到达断点?这是剧本。我想在6号线中断 $(document).ready(function () { $("#avtalsinformationForm").bind('invalid-form.validate',

我试图在函数中放置一个断点,该函数作为jQuery中bind()调用的回调传递。javascript在document.ready事件中初始化。 我想在触发回调时检查一些变量,但在脚本中设置断点不会在触发事件时停止调试器

我需要做什么才能使它到达断点?这是剧本。我想在6号线中断

$(document).ready(function () {
        $("#avtalsinformationForm").bind('invalid-form.validate',
            function (form, validator) {
                var errors = validator.numberOfInvalids();
                if (errors) {
                    validator.errorList[0].element.focus();
                }
            }
        );
    });

如果从devtools本身添加断点不起作用(而且应该),只需键入单词
debugger在第6行之前,它会将您放入调试器。您是否尝试过将
调试器
语句显式地放入函数代码中?这一点很好,你们两个都是。第一次验证失败时似乎没有触发回调,但如果我再次尝试提交表单(此代码段适用于此),则会触发回调。很奇怪。