javascript - jQ绑定按钮,点击第一个正常,点击后面的没有反应,不报错?求解

问题描述

问 题

1. jQ绑定按钮,点击第一个编辑按钮(蓝色的笔),正常跳转到编辑页面,奇怪的是点击后面7,8,9的都没有反应,也不报错,控制台也没有任何提示.测试的时候,也是第一个正常弹窗,后面7,8,9都没有反应.

2. 每页的第一个是正常的跳转,后面的点击没有反应,请问朋友们,这是什么bug?还是我哪里写错了?(自学php以来的第一个自己没解决的问题^_^)

3. 后面的删除模块还没有写,只是个按钮,现在只写好了编辑模块
   感谢 @伐木北山 的回答,已经测试了,换成目标元素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;">&#xe642;</i>
            </button>
                <button class="layui-btn layui-btn-primary layui-btn-small" type="button">
                    <i class="layui-icon" style="color: red;">&#xe640;</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('测试');

});

解决方案

jq代码:你把$('#lay-edit')的id名换成class的试试呗,我感觉是这里的问题

这篇关于javascript - jQ绑定按钮,点击第一个正常,点击后面的没有反应,不报错?求解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！