javascript - 尝试从内联 javascript 编写函数

Question

我从一位离开我们公司的开发人员那里得到了一些代码。他写了一个内联函数，如下所示:

<button class="xxx" id="MyID" type="button" onclick="javascript: $('#openThis').slideToggle('slow');">btnText</button>

我尝试删除它并将其放入另一个函数中以编写回调，以便我可以在切换区域可见时滚动到它。

$("#MyID").click(function () {
    $("#openThis").slideToggle("slow");
});

但我似乎无法让它发挥作用。我做错了什么？

Answer 1

您是在 DOM 上创建对象之前还是之后添加监听器？

因为如果您尝试绑定(bind) onclick 函数而不等待文档准备好，则没有对象可以创建监听器。

类似这样的东西可以工作:

$(document).on('ready', function() {
  $("#MyID").click(function () {
    $("#openThis").slideToggle("slow");
  });
});