如何触发javascript中的数据单击事件

Question

在我的Html中，我有一个带有锚点的侧边栏，我可以点击它来展开/折叠侧边栏，但是我想用javascript来实现。这是我已经尝试过的，但我并没有达到预期的结果。

Html文件：

<!-- begin sidebar minify button -->
<a href="javascript:;" class="sidebar-minify-btn" data-click="sidebar-minify">
   <i class="fa fa-angle-left"></i>
</a>
<!-- end sidebar minify button -->

js文件:

  window.onresize = function()
  {
     const width = window.innerWidth;
     if(width <= 800)
     {
       $('a[data-click="sidebar-minify"]').click(function(event)
       {
          console.log('sidebar clicked');
       }
     }
  }

基本上，我想要实现的是检测浏览器窗口宽度是否已更改为小于800 on，然后在侧栏上触发单击事件。我很感谢你的帮助。

Answer 1

为了明确起见，jQuery click()用于将事件处理程序附加到元素。看来你这样做是对的。

您要寻找的是jQuery触发器()，您可以用它触发一个事件。在你的情况下，试试

$('a[data-click="sidebar-minify"]').trigger('click');