微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

关于jquery的问题，按钮点击事件

php中文网
发布： 2016-06-23 13:42:09
原创
978人浏览过

有A、B两个页面
A页面有多个“修改”按钮，每个按钮有样式class="editbtn"，点击ajax到B页面，如下代码 

$(".editbtn").click(function(){		var url="b.php";		var params = $('form').serialize();		$.ajax({			url: url,			type: 'post',			dataType:'json',			data: params,			success: function (data){				$("#div1").html(data.html);				$("#div2").html(data.script);			}		});	});
登录后复制

B页面 
$data=array(	'html'=>$html,	'script'=>$script);echo json_encode($data);
登录后复制

B页面也会返回N条包含class="editbtn"的“修改”按钮，返回的这些按钮点击就无法完成$(".editbtn").click了，请问是什么原因呢？
之所以B页面有'script'=>$script，就是因为无法完成$(".editbtn").click事件，我又在B页面加了上面那段jquery，把它又弄到$("#div2").html，这样就可以运行，但是这样我感觉效率不好，好像如果点击了很多次就重复了很多次相同的代码，大神们觉得这样好吗？应该不好吧？

造点AI
造点AI

夸克 · 造点AI

造点AI 325
查看详情 造点AI

回复讨论(解决方案)

把 $(".editbtn").click(function(){
改为 $(document).on('click', ".editbtn", function(){
就可以了

把 $(".editbtn").click(function(){
改为 $(document).on('click', ".editbtn", function(){
就可以了


谢谢解答哈。
我之前是放在$(document).ready里面的，按照你说的我不管是放在这个内还是外提示：
TypeError: $(...).on is not a function

绑定事件改成
$('.clickme').live('click', function() {
  alert("Live handler called."); 
});
live:给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效

把 $(".editbtn").click(function(){
改为 $(document).on('click', ".editbtn", function(){
就可以了


换了jquery版本可以了，之前用的jquery-1.6.2.min，改为jquery-1.8.3.min，谢谢，好多问题都是你回答解决的。

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：php-isset 下一篇：Ubuntu14.04下搭建LANMP环境(Apache+Nginx+MySQL+PHP)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
PHP字符串转JSON如何转关联数组_PHP字符串转JSON关联数组的处理方法 使用json_decode函数并设置第二个参数为true可将JSON字符串转为关联数组，需确保字符串符合JSON规范，通过is_array验证类型，并用json_last_error检查解析错误，支持嵌套结构访问。
2025-11-12 15:53:02
401
如何用PHP代码实现边缘计算功能集成_PHP边缘计算功能集成与实现教程 首先通过微服务架构将PHP应用部署至边缘节点以降低延迟，接着利用消息队列实现边缘与中心服务器间可靠的数据同步，再通过OPcache和本地缓存提升边缘节点执行效率，最后借助API网关动态调度任务，实现智能分流。
2025-11-12 15:52:02
510
php接口怎么用_PHP接口开发、调用与数据交互方法 答案：通过创建PHP接口文件、使用cURL或JavaScript调用、处理跨域请求及加强安全验证，实现系统间数据通信。具体包括定义api.php返回JSON数据，用cURL或AJAX发起GET/POST请求，前端动态获取响应，通过设置Access-Control-Allow-Origin解决跨域，并对接口参数验证、防SQL注入、增加API密钥和限流措施保障安全。
2025-11-12 15:39:54
300
php网站代码版本控制怎么优化管理_php网站Git版本控制与协作性能优化方法 采用GitFlow规范分支管理，优化仓库性能与代码风格统一，结合预提交检查、稀疏检出、浅层克隆及CI集成，提升PHP项目协作效率与版本控制质量。
2025-11-12 15:37:03
728
如何解决Ubuntu 20.04安装PHP扩展失败的处理方法？ 首先确认PHP版本与扩展包名称匹配，再更新软件源并修复依赖，接着安装PHP开发工具及依赖库，必要时通过PECL手动安装扩展，最后检查php.ini配置并重启服务。
2025-11-12 15:36:03
167
如何设置php网站错误报告_开发环境错误显示与生产环境隐藏方法 开发环境应开启错误显示便于调试，生产环境需关闭前端错误输出但记录日志以保障安全。通过php.ini或代码设置display_errors、error_reporting等参数，并根据域名自动区分环境模式，确保开发效率与线上安全兼顾。
2025-11-12 15:32:01
967
ThinkPHP环境配置_ThinkPHP环境配置处理方法 答案：解决ThinkPHP环境配置问题需依次检查PHP版本与扩展、服务器伪静态规则、目录权限、数据库连接及调试模式设置，确保各项符合框架要求并正确配置。
2025-11-12 15:25:59
245
php代码如何使用测试驱动开发_php代码单元测试的实践指南 采用TDD提升PHP代码质量，首先通过Composer安装PHPUnit并配置phpunit.xml，接着在tests目录下创建继承TestCase的测试类，编写以test开头的方法进行断言；利用@dataProvider注解和静态方法实现多组数据测试；通过createMock模拟依赖对象并设定预期行为；最后运行phpunit命令执行测试，根据输出符号判断结果并调试。
2025-11-12 15:24:03
551
php网站文件上传速度慢怎么优化_php网站大文件上传速度与性能优化技巧 优化PHP大文件上传需从配置、分片、服务器和异步处理入手：调整upload_max_filesize、post_max_size等PHP参数；启用分片上传与断点续传提升稳定性；优化服务器带宽、存储及Nginx设置；结合CDN或对象存储减轻源站压力；通过异步处理与进度反馈改善用户体验。
2025-11-12 15:24:02
627
如何配置Debian 11上的PHP与RabbitMQ的详细步骤？ 首先安装配置RabbitMQ并启动服务，接着启用管理插件，创建专用用户与虚拟主机，然后安装PHP及amqp扩展，最后通过生产者与消费者代码验证通信。
2025-11-12 15:23:03
938
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部