点击列表中某行,弹出详情的需求比较常见。用jquey bind 点击事件时,传参不注意可能会导致点击每一行都是显示相同内容的情况,这大多数是因为传参没注意引起的问题。简易代码如下:
for(var i=0;i<2;i++) { $(\"#b\" + i).bind(\"click\", {\'bindText\':bindText + i}, function(e){ butClick(e); }); }
测试代码:
<html> <head> <script type=\"text/javascript\" src=\"/jquery/jquery.js\"></script> <script type=\"text/javascript\"> $(document).ready(function(){ var bindText = \'AAA\'; for(var i=0;i<2;i++) { $(\"#b\" + i).bind(\"click\", {\'bindText\':bindText + i}, function(e){ butClick(e); }); } }); function butClick(e) { alert(e.data.bindText); } </script> </head> <body> <button id=\"b0\">请点击这里0</button> <button id=\"b1\">请点击这里1</button> </body> </html>
本文地址:https://www.stayed.cn/item/21869
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我