主页 / 问题 / 690364
Accepted
humster_spb
Asked:2020-07-10 17:28:19 +0000 UTC2020-07-10 17:28:19 +0000 UTC

jquery：如何检查是否有点击（如果有，阻止另一个函数执行）

  • 772

有一个单页站点有两个功能。一，当单击菜单项时，突出显示该项目并将页面滚动到所需的块：

$('nav li a').click(function(){
    // здесь реализация
});

另一个在通过这个或那个块时滚动页面时突出显示这个或那个菜单项：

$(window).scroll(function(){
    // здесь реализация
});

任务是确保当第一个功能被点击时（即第一个功能被触发），第二个功能将不起作用。

告诉我如何正确书写 if (click)？

javascript

2 个回答

  1. Best Answer

    可能最简单的方法是：

    var onScroll = true;
console.log(onScroll);
$('button.scroll').click(function() {
  onScroll = false;
  console.log(onScroll);
  $('html, body').animate({
    scrollTop: 5000
  }, 2000, function() {
    onScroll = true;
    console.log(onScroll);
  });
});

$(window).scroll(function() {
  if (onScroll) {
    console.log('scroll отлавливается');
  } else {
    console.log('scroll не отлавливается');
  }
});
    body {
  height: 5000px;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="scroll">прокрутить</button>

    • 3

  2. 如果我理解正确的话：

    var ifClick = false;
$('.nav li a').click(function() {
  // здесь реализация
  ifClick = true;
});

$(window).scroll(function() {
  if (ifClick) {
    console.log('Клик был');
    // здесь реализация
  } else {
    console.log('Клика не было');
    // здесь реализация
  }

});

    JsFiddle上的示例

    • 3

相关问题