JQuery不能加载click事件的问题

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zyh1994/p/7381462.html

文章标签：

#javascript #java #ViewUI

本文介绍了一种常见的情况，即由于资源文件路径配置错误导致的点击事件无法触发的问题，并给出了正确的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/js/jquery-2.1.1.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
    $("#btnShowPanel").click(function(){
        alert("1111");
    });
});
</script>
</head>
<body>
<input id="btnShowPanel" type="button" value="分享">
<div id="mainPanel"></div>
</body>
</html>

上面代码调试半天不能触发click事件，看代码也没什么问题，但是就是死活不能触发click事件。

原因：jquery-2.1.1.js是放在js目录下的，因为引入错误所以无法触发

正确的写法应该是这样，对就是多了一个"/"

<script type="text/javascript" src="js/jquery-2.1.1.js"></script>

值得注意的是，在我们的编译器里面带"/"和不带"/",按ctrl+鼠标左键都是可以点进文件里面的,当我们发现能跳转到对应文件时,主观上就以为引入没错,真是让我找了好久。。。

转载于:https://www.cnblogs.com/zyh1994/p/7381462.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30547797

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决layui动态添加的元素click等事件触发不了的问题

12-13

在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的，当动态添加 ‘.add_project’ 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert('1') }); 解决办法很简单，就是用全局的document来监控 ‘.add_project’ 元素，如下： $[removed]("click",".add_project",function(){ alert('1'); }) 这样就很好的解决了问题了。以上这篇解决layui动态添加的元

layui动态添加的元素click等事件触发不了的解决办法

weixin_30672295的博客

06-08

518

在页面加载完成时候 '.add_project' 元素是可以触发click时间的，当动态添加 '.add_project' 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert('1') }); 解决办法很简单，就是用全局的document来监控 '.add_project' ...

参与评论您还未登录，请先登录后发表或查看评论

解决layui动态追加的点击事件不起作用问题

weixin_34281537的博客

08-11

3797

2019独角兽企业重金招聘Python工程师标准>>> ...

关于jquery动态加载li时点击事件无法加载的问题

u011493599的专栏

01-16

8323

一开始做个操作栏，如图：点击角色管理，弹出下拉框，在点击收起，点击增加角色，会通过iframe加载页面，页面样式为：角色管理增加角色模块管理

jQuery取消特定的click事件

10-22

对于特定的click事件取消问题，jQuery提供了一个非常方便的方法，即使用事件命名空间。通过为事件命名空间，我们可以精确地控制哪些事件处理器应该被触发，哪些应该被取消。具体来说，jQuery的事件绑定和解绑都可以...

轻松实现jQuery添加删除按钮Click事件

10-20

本文将介绍如何使用jQuery轻松实现添加和删除按钮的click事件。在用户协议场景中，通常需要用户勾选一个复选框表示已经阅读并同意条款后，才能启用登录按钮。jQuery提供了简洁的方法来动态地为元素绑定和解绑事件...

Jquery为DIV添加click事件的简单实例

10-22

在本例中，我们将探讨如何使用jQuery为一个DIV元素添加click事件，并通过这个实例来深入理解其工作原理。首先，HTML部分创建了一个带有ID "click_ms" 的链接元素，它的href属性设置为"javascript:void(0)"，以防止...

JQuery给元素绑定click事件多次执行的解决方法

10-25

然而，在编程过程中，我们可能会遇到一个问题，即元素的`click`事件被多次绑定，导致点击时事件处理函数被执行多次，这通常是由于多次调用事件绑定代码或动态添加元素时没有正确处理事件引起的。本文将深入探讨这个...

jquery单选框radio绑定click事件实现方法

12-09

总结一下，jQuery中实现单选框radio绑定click事件的方法是： 1. 引入jQuery库，如`”text/javascript” src=”jquery-1.8.2.min.js”></script>`。 2. 使用文档就绪函数包裹代码，确保在DOM加载完成后执行，`$...

layui $().click() 失效问题

weixin_30852367的博客

08-16

864

//使用此点击事件失效 $(".sub2").on('click', function() { alert('响应点击事件'); }); //将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件 //以下可实现点击效果 $(document).on('click', '.sub2', function() { alert...

使用jQuery的click事件没反应

weixin_46500568的博客

08-23

1625

没有系统学习过jQuery，今天犯了一个低级错误，不知道jQuery的选择器导致的。 jQuery选择器分类：分类格式元素选择器在页面中选取所有p元素$(“p”) #id选择器 id为‘test’的元素，$("#test") #class选择器 class为‘test’的元素，$(".test") 我的错误：低级错误：被自己蠢到了 ...

jQuery 事件方法不触发的解决方法

zinbin的博客

05-16

4432

jQuery 事件方法不触发的解决方法 jQuery 的事件方法诸如 click(),blur(),change() 等方法。踩坑场景以前也使用过 jQuery 的事件方法，也觉得非常好用。昨天在一个 SSM 项目中使用 jQuery 的 blur() 方法来给一个元素绑定 onblur 事件。但我测试的时候怎么都不触发，也百度了很多方法，都不见效。终于在一篇问答中找到了一些思路。（参考网址：https://ask.youkuaiyun.com/questions/213270?sort=id）这是我写的测试代码

layer中点击事件不起作用？？