jQ绑定按钮,点击第一个编辑按钮(蓝色的笔),正常跳转到编辑页面,奇怪的是点击后面7,8,9的都没有反应,也不报错,控制台也没有任何提示.测试的时候,也是第一个正常弹窗,后面7,8,9都没有反应.
每页的第一个是正常的跳转,后面的点击没有反应,请问朋友们,这是什么bug?还是我哪里写错了?(自学php以来的第一个自己没解决的问题^_^)
后面的删除模块还没有写,只是个按钮,现在只写好了编辑模块
感谢 @伐木北山 的回答,已经测试了,换成目标元素class就正常了,只是很奇怪,为什么用id就不行了?我猜测跟css中的id唯一性有关,只能用一次,多次点击就不行了,是这样吗?
html代码:
<foreach name="menus" item="menu" key='k'>
<tr>
<td>{$k}</td>
<td>{$menu.menu_id}</td>
<td>{$menu.name}</td>
<td>{$menu.m}</td>
<td>{$menu.type|getMenuType}</td>
<td>{$menu.status|status}</td>
<td>
<div class="layui-btn-group">
<button class="layui-btn layui-btn-primary layui-btn-small" id="lay-edit" lay="{$menu.menu_id}" type="button">
<i class="layui-icon" style="color: blue;"></i>
</button>
<button class="layui-btn layui-btn-primary layui-btn-small" type="button">
<i class="layui-icon" style="color: red;"></i>
</button>
</div>
</td>
</tr>
</foreach>
jQ代码:
$("#lay-edit").click(function(){
// var id = $(this).attr('lay');
// url = jumpUrl.edit_url+"/id/"+id;
// window.location.href = url;
alert('测试');
});
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…