如何在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');

       }

     }

  }

基本上我想要实现的是检测浏览器窗口宽度是否已更改为小于 800px，然后触发侧边栏上的点击事件。我将不胜感激任何帮助。

Answer 1

需要明确的是，jQuery click()用于将事件处理程序附加到元素。看起来你这样做是正确的。您正在寻找的是jQuery trigger()，您可以使用它触发一个事件。在你的情况下，试试$('a[data-click="sidebar-minify"]').trigger('click');