table里边的td弹出来的操作按钮点击没有反应

提问 已结 10 324
Oven5217
Oven5217 2019-6-12
悬赏:100飞吻
版本:layui layui-v2.4.3 MIT 浏览器:chrome


如上图,table里的操作按钮,如果分辨率小的话,会自动将按钮隐藏,然后点击下拉按钮,会将原来的操作按钮显示在弹出框里边,但是点击这个弹出框里边的按钮没有反应。原来显示出来的按钮点击是有反应的。
回帖
  • Ja12
    2019-6-12
    @Oven5217 老哥你仔细点,下面var layer = layui.layer没写
    0 回复
  • Ja12
    2019-6-12
    // 缓存当前操作的是哪个表格的哪个tr的哪个td
    $(document).off('mousedown','.layui-table-grid-down')
    .on('mousedown','.layui-table-grid-down',function(event){
    table._tableTrCurr = $(this).closest('td');
    });

    $(document).off('click','.layui-table-tips-main [lay-event]')
    .on('click','.layui-table-tips-main [lay-event]',function(event){
    var elem = $(this);
    var tableTrCurr = table._tableTrCurr;
    if(!tableTrCurr){
    return;
    }
    var layerIndex = elem.closest('.layui-table-tips').attr('times');
    // 关闭当前这个显示更多的tip
    layer.close(layerIndex);
    table._tableTrCurr.find('[lay-event="' + elem.attr('lay-event') + '"]').first().click();
    });
    把上面代码放进layui.use()函数里面去就行了。
    0 回复
  • Oven5217
    2019-6-12
    @MP爱好者
    代码是这样的,麻烦您看下有问题吗?点击一下就消失了,但是还没出发点击动作。
    0 回复
  • Ja12
    2019-6-12
    @Oven5217 user那里,jquery没有引入,你只引入了table
    0 回复
  • Ja12
    2019-6-12
    多个引入要这样引入
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel','jquery', 'upload', 'element', 'slider'], function(){
    var laydate = layui.laydate //日期
    ,laypage = layui.laypage //分页
    ,layer = layui.layer //弹层
    ,table = layui.table //表格
    ,carousel = layui.carousel //轮播
    ,upload = layui.upload //上传
    ,element = layui.element //元素操作
    ,slider = layui.slider //滑块
    ,$ = layui.jquery
    0 回复
  • Oven5217
    2019-6-12
    @MP爱好者 多谢大神,但是还有没有反应,执行到这一行,弹出框关闭后就没有反应了,也没有出发按钮的事件,没有进入到相应的方法里边。
    0 回复
  • Ja12
    2019-6-12
    @Oven5217 那是因为你的use没有引入layer[黑线]
    0 回复
  • Oven5217
    2019-6-12

    不行啊,点击之后直接关闭了,还是没反应。
    0 回复
  • Oven5217
    2019-6-12
    方便加一下QQ吗(503612012),这个问题困扰我好久了[泪]
    0 回复
  • Oven5217
    2019-6-12
    @MP爱好者 方便加一下QQ(503612012)吗,这个问题困扰我好久了[泪]
    0 回复