Maison > développement back-end > tutoriel php > 关于jquery的有关问题,按钮点击事件

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

WBOY
Libérer: 2016-06-13 12:13:08
original
1111 Les gens l'ont consulté

关于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 />	});
Copier après la connexion

B页面
$data=array(<br />	'html'=>$html,<br />	'script'=>$script<br />);<br />echo json_encode($data);
Copier après la connexion

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:给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal