滚动到第一次单击即可激活

Question

我有一个scrollto函数，可通过单击包装内容的背景div来工作。

在内容中，有许多缩略图链接，当单击它们时不应激活scrollto功能。 我有一个停止传播事件，但它似乎仍会影响所进行的第一次单击 。

这是我的意思的演示 。 链接/红色块为目标空白，但单击它们并返回到代码笔后，您会注意到寻像器已向下滚动到下面的行。 但是，首先单击包装器/背景，然后单击链接，则不会发生此问题。

任何人都可以在这个首次点击问题上大放异彩吗？

Answer 1

这只是因为您在$（'＃wrapper'）的click事件中设置了$（'a'）的click事件。所以，您要监听$（'a'）。click（）;。 首先单击$（'。＃wrapper'）之后。

只需将这部分移到wrapper click listener之外：

  //Stop links affecting scroll function
  $("a").click(function (e) {
    e.stopPropagation();
  });