Home > Backend Development > PHP Tutorial > 关于jquery的有关问题,按钮点击事件

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

WBOY
Release: 2016-06-13 12:13:08
Original
1110 people have browsed it

关于jquery的问题,按钮点击事件
有A、B两个页面
A页面有多个“修改”按钮,每个按钮有样式class="editbtn",点击ajax到B页面,如下代码

$(".editbtn").click(function(){<br />		var url="b.php";<br />		var params = $('form').serialize();<br />		$.ajax({<br />			url: url,<br />			type: 'post',<br />			dataType:'json',<br />			data: params,<br />			success: function (data){<br />				$("#div1").html(data.html);<br />				$("#div2").html(data.script);<br />			}<br />		});<br />	});
Copy after login

B页面
$data=array(<br />	'html'=>$html,<br />	'script'=>$script<br />);<br />echo json_encode($data);
Copy after login

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

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template