DcatAdmin的modal嵌套tab之后，点击tab无反应，求大佬指点一下

laravel 10
dcatadmin 2
php8.1
各位大佬，小弟我在modal里面放tab时，出现了tab无效的问题，下面是我的代码

$grid->column('actions','操作')
                ->display('快速操作')
                ->modal(function(Grid\Displayers\Modal $modal){
                $modal->title('modal123');
                $modal->icon('feather icon-edit');
                $tab=new Tab();
                $tab->add('tab1', 'tab1111', true);
                $tab->add('tab2', 'tab2');
                $tab->add('tab3', 'tab...');
                return $tab;
            });

其实有两个问题：
1、点击上面的tab1，tab2，tab3，并没有出现切，但是浏览器里面链接跟的#tabxxx尾巴有变化
如#tab_1735287134
2、为什么后面会有这么个尾巴呢？我看到dcatadmin的demo里面，切换tab的时候没有尾巴，也没看出他的代码有什么特别的地方，需要怎么修改一下吗？

求大佬指点一二，小弟不胜感激

另外，我根据下面这个帖子也写了一下，也遇到同样的问题，和这个帖子的作者遇到同样的问题
dcat admin 详情页如何做成选项卡的展示 | Laravel | Laravel China 社区 (learnku.com)

dcatadmin

francisco_v

7 声望

暂无个人描述~

0 人点赞

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

讨论数量: 2

kouyifan

6 声望

我在弹出form中碰到过，是通过加js 阻止冒泡解决

$('#$form_id').on('click','.nav-link', function (e) {
        e.stopPropagation(); // 阻止事件冒泡
        // 处理你的 .nav-link 的点击事件逻辑
        $('#$form_id .nav-tabs .nav-link').removeClass('active');
        $(this).addClass('active');
        $('#$form_id .tab-content .tab-pane').removeClass('active');
        $($(this).attr('href')).addClass('active');
    });

1年前评论

Dcatplus-杨光

课程读者 279 声望 / Dcat-plus Admin @ 速码邦

你说的一问题，经测试是正常的，可以切换。你出现这种问题可能原因：

js 是否有报错。
页面上可能存在多个tab, 在这种情况下，最好设置一下，每个tab 的ID.

$grid->column('tags_require','操作')
                ->display('快速操作')
                ->modal(function(Grid\Displayers\Modal $modal){
                    $modal->title('modal123');
                    $modal->icon('feather icon-edit');
                    $tab = Tab::make();
                    $tab->add('tab1', 'tab1111', true,'b111');
                    $tab->add('tab2', 'tab2222',false,'b2222');
                    $tab->add('tab3', 'tab3333',false,'b3333');
                    return $tab;
                });

4个月前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

DcatAdmin的modal嵌套tab之后，点击tab无反应，求大佬指点一下

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

DcatAdmin的modal嵌套tab之后，点击tab无反应，求大佬指点一下

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录