如何单步执行附加事件侦听器的代码答案

【问题标题】：How to Step through the code attaching an event listener如何单步执行附加事件侦听器的代码
【发布时间】：2017-06-13 01:34:27
【问题描述】：

事件监听器（onClick 事件）永远不会被附加。

我正在尝试单步执行附加它的代码，但 Chrome 开发工具不允许我在第一行或第二行设置断点。 (.ready... 和 .on(点击...

MyPage.html 有：

<script src="scripts/expander.js" ></script> 
</body>

expander.js 是：

/* expander control */
$().ready(function() {
  $(document).on('click', '.js-expander', function(e){
    var e =  e || event, 
        $el = $(this), 
        $content;

    e.preventDefault();

    $content = $el.parent().next('.js-expander-content')
    if ($content.length == 0)
      $content = $el.parent().parent().next('.js-expander-content')
      if ($content.length == 0)
        $content = $el.siblings('.js-expander-content');

    $content.slideToggle(150);
  })
})

【问题讨论】：

标签： javascript google-chrome-devtools

【解决方案1】：

你可以debugger;你想要代码中的断点并运行它。这样就可以了

【讨论】：

【解决方案2】：

我认为你不能在 javascript 中设置断点。您可以在第一行和第二行之间放置一个调试器。

【讨论】：