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)

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 1

我在弹出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');
    });
6个月前 评论

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