如何逐步执行附加事件侦听器的代码

Question

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

我试图逐步完成附加它的代码，但Chrome Dev Tools不会让我在第一行或第二行放置一个断点。 （.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;在代码中想要断点并运行它。这样可以正常工作

Answer 2

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