javascript - 如何在javascript中触发数据点击事件
问题描述
在我的 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,然后触发侧边栏上的单击事件。我将不胜感激任何帮助。
解决方案
需要明确的是,jQuery click()用于将事件处理程序附加到元素。看起来你这样做是正确的。
您正在寻找的是jQuery trigger(),您可以使用它来触发事件。在你的情况下,试试
$('a[data-click="sidebar-minify"]').trigger('click');
推荐阅读
- css - 绝对位置元素居中,只要它适合屏幕
- python - 大多数 pythonic 用于根据 dict 键从 dicts 列表中选择一个条目?
- javascript - 如何在AngularJs中超时时添加微调器
- c++ - 将输入文件中的数据位置更改为 .cpp 程序意外更改输出
- bash - !GetAtt InternalLB.DNSName
- regex - OpenApi 3:验证字符串查询参数
- dom - 来自自定义 png base64 的动态字体
- reactjs - 这个 React 钩子技巧有什么不好的后果吗?
- javascript - Discord x roblox 验证机器人无法正常工作
- git - 同步两个具有不同提交历史的远程 git 存储库