jQuery中$.click()没有触发

简介: jQuery中$.click()没有触发

在控制台调试的时候,直接点击元素是可以触发的,到了页面代码中却没有触发点击事件

$("#btn").click();

看了别人的两种思路:

(1)点击的是“A标签”本身

(2)点击的是“A标签”子元素

给a标签添加一个子元素,通过点击子元素触发

let span = document.createElement("span");
$("#btn").append(span);
span.click();

代码示例

<h1 id="title">原来的标题</h1>
<a href="javascript:;" id='btn'>点击</a>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(function () {
        $("#btn").click(function () {
            $("#title").text("新的标题")
        })
        // 点击元素
        $("#btn").click();
        // 或者 点击里边的元素
        let span = document.createElement("span");
        $("#btn").append(span);
        span.click();
    })
</script>

参考

jQuery中$.click()无效问题分析

相关文章
Echarts线性渐变、径向渐变、纹理填充
Echarts线性渐变、径向渐变、纹理填充
|
11月前
|
前端开发 小程序 Java
uniapp-网络数据请求全教程
这篇文档介绍了如何在uni-app项目中使用第三方包发起网络请求
828 3
|
4天前
|
数据采集 人工智能 安全
|
13天前
|
云安全 监控 安全
|
5天前
|
自然语言处理 API
万相 Wan2.6 全新升级发布!人人都能当导演的时代来了
通义万相2.6全新升级,支持文生图、图生视频、文生视频,打造电影级创作体验。智能分镜、角色扮演、音画同步,让创意一键成片,大众也能轻松制作高质量短视频。
1091 152
|
18天前
|
机器学习/深度学习 人工智能 自然语言处理
Z-Image:冲击体验上限的下一代图像生成模型
通义实验室推出全新文生图模型Z-Image,以6B参数实现“快、稳、轻、准”突破。Turbo版本仅需8步亚秒级生成,支持16GB显存设备,中英双语理解与文字渲染尤为出色,真实感和美学表现媲美国际顶尖模型,被誉为“最值得关注的开源生图模型之一”。
1767 9
|
10天前
|
人工智能 自然语言处理 API
一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸
一句话生成拓扑图!next-ai-draw-io 结合 AI 与 Draw.io,通过自然语言秒出架构图,支持私有部署、免费大模型接口,彻底解放生产力,绘图效率直接爆炸。
698 152
|
12天前
|
人工智能 安全 前端开发
AgentScope Java v1.0 发布,让 Java 开发者轻松构建企业级 Agentic 应用
AgentScope 重磅发布 Java 版本,拥抱企业开发主流技术栈。
662 13