javascript - 如何单步执行附加事件监听器的代码

Question

事件监听器(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);
  })
})

Answer 1

您可以debugger;在代码中您想要断点的位置并运行它。这样就可以正常工作