<!DOCTYPE html> <html> <head> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <a class=‘alink‘ href=‘#‘>发送验证码</a> </body> </html>
css
a{ display:box; display:-webkit-box; box-pack:center; box-align:center; width:100px; height:100px; -webkit-box-pack:center; -webkit-box-align:center;} .alink{ background-color:red;} .disable{ background-color:grey;}
js
$(function(){ $(document).on(‘click‘,‘a.disable‘,function(){ //只执行333,222不执行 alert(333); }); $(‘a.alink‘).on(‘click‘,function(){ $(this).addClass(‘disable‘); }); $(‘a.disable‘).on(‘click‘,function(){ //对静态元素有效,但是绑定动态生成的a元素的事件时无效: alert(222); }); });
http://jsbin.com/xowafesoxi/2/
时间: 2024-10-11 15:19:03