TAB切换，但后面的“更多”公用，如何判断这个更多是哪个TAB呢

迅睿框架更新 2021-12-27 14:37:05

李白怕喝酒

TAB切换，但后面的“更多”公用，如何判断这个更多是哪个TAB呢？

<nav>

<button class="nav-link fs-5 fw-bold active" id="nav-news-one" data-bs-toggle="tab" data-bs-target="#news-one" type="button" role="tab" aria-controls="nav-home" aria-selected="true">{category module=share id=20}{$t.name}{/category}</button>

<button class="nav-link fs-5 fw-bold" id="nav-news-two" data-bs-toggle="tab" data-bs-target="#news-two" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">{category module=share id=22}{$t.name}{/category}</button>

</div>

</nav>

方案

云南麦田 #1 · 2021-12-26 11:22:52

这个属于前端解决
逆水行舟 #2 · 2021-12-26 11:57:22

这种情况，一般你那个更多是跟tab一起切换的。第二种方法，切换的时候js变那个更多的栏目ID值。
小风 #3 · 2021-12-26 12:23:57

<span class="more"><a href="" target="_blank" style="display: inline;">更多>></a> <a href="" target="_blank" style="display: none;">更多>></a> </span><script type="text/javascript">jQuery(".slideTxtBox").slide({ mainCell:".bd", targetCell:".more a", effect:"fold"});</script>
李白怕喝酒 #4 · 2021-12-26 12:29:40

小风你这段代码应该能解决，但是如何运用到我这个页面呢，可以帮写一下具体代码吗？非常感谢
李白怕喝酒 #5 · 2021-12-26 12:35:53

能不能用IF判断，不是A就是B呢，我写了但是如何和上面关联呢，视乎有问题 {if $key==0} {category module=share id=20} <a class="text-muted ms-auto" href="{$t['url']}"><i class="bi bi-three-dots fs-3"></i></a> {/category} {else} {category module=share id=22} <a class="text-muted ms-auto" href="{$t['url']}"><i class="bi bi-three-dots fs-3"></i></a> {/category} {/if}
悦笙 #6 · 2021-12-26 12:42:33

点击按钮时，再用js给更多这个链接赋值
李白怕喝酒 #7 · 2021-12-26 12:45:35

悦笙兄台可否帮忙具体写一下，小可不才写不了，非常感谢

悦笙 #8 · 2021-12-26 12:53:33

<nav>
  <div class="nav nav-tabs" role="tablist">
    {category module=share id=20}
    <button class="nav-link fs-5 fw-bold active" id="nav-news-one" data-bs-toggle="tab" data-bs-target="#news-one" type="button" role="tab" aria-controls="nav-home" aria-selected="true" data-url="{$t.url}">{$t.name}</button>
    {/category}
    {category module=share id=22}
    <button class="nav-link fs-5 fw-bold" id="nav-news-two" data-bs-toggle="tab" data-bs-target="#news-two" type="button" role="tab" aria-controls="nav-profile" aria-selected="false" data-url="{$t.url}">{$t.name}</button>
    {/category} 
    <a class="text-muted ms-auto" href=" {category module=share id=20}{$t['url']}{/category}"><i class="bi bi-three-dots fs-3"></i></a>
  </div>
</nav>
<script>
  $(function(){
    $('.nav-tabs').on('click', function(){
      $('.text-muted.ms-auto').src('href', $(this).data('.url'))
      
    })
  })
</script>

悦笙 #9 · 2021-12-26 12:55:19

<nav>
  <div class="nav nav-tabs" role="tablist">
    {category module=share id=20}
    <button class="nav-link fs-5 fw-bold active" id="nav-news-one" data-bs-toggle="tab" data-bs-target="#news-one" type="button" role="tab" aria-controls="nav-home" aria-selected="true" data-url="{$t.url}">{$t.name}</button>
    {/category}
    {category module=share id=22}
    <button class="nav-link fs-5 fw-bold" id="nav-news-two" data-bs-toggle="tab" data-bs-target="#news-two" type="button" role="tab" aria-controls="nav-profile" aria-selected="false" data-url="{$t.url}">{$t.name}</button>
    {/category} 
    <a class="text-muted ms-auto" href=" {category module=share id=20}{$t['url']}{/category}"><i class="bi bi-three-dots fs-3"></i></a>
  </div>
</nav>
<script>
  $(function(){
    $('.nav-tabs button').on('click', function(){
      $('.text-muted.ms-auto').src('href', $(this).data('.url'))
      
    })
  })
</script>

悦笙 #10 · 2021-12-26 12:57:49

上面还是写错

<nav>
  <div class="nav nav-tabs" role="tablist">
    {category module=share id=20}
    <button class="nav-link fs-5 fw-bold active" id="nav-news-one" data-bs-toggle="tab" data-bs-target="#news-one" type="button" role="tab" aria-controls="nav-home" aria-selected="true" data-url="{$t.url}">{$t.name}</button>
    {/category}
    {category module=share id=22}
    <button class="nav-link fs-5 fw-bold" id="nav-news-two" data-bs-toggle="tab" data-bs-target="#news-two" type="button" role="tab" aria-controls="nav-profile" aria-selected="false" data-url="{$t.url}">{$t.name}</button>
    {/category} 
    <a class="text-muted ms-auto" href=" {category module=share id=20}{$t['url']}{/category}"><i class="bi bi-three-dots fs-3"></i></a>
  </div>
</nav>
<script>
  $(function(){
    $('.nav-tabs button').on('click', function(){
      $('.text-muted.ms-auto').attr('href', $(this).data('.url'))
      
    })
  })
</script>

悦笙 #11 · 2021-12-26 13:00:31

满意答案

<nav>
  <div class="nav nav-tabs" role="tablist">
    {category module=share id=20}
    <button class="nav-link fs-5 fw-bold active" id="nav-news-one" data-bs-toggle="tab" data-bs-target="#news-one" type="button" role="tab" aria-controls="nav-home" aria-selected="true" data-url="{$t.url}">{$t.name}</button>
    {/category}
    {category module=share id=22}
    <button class="nav-link fs-5 fw-bold" id="nav-news-two" data-bs-toggle="tab" data-bs-target="#news-two" type="button" role="tab" aria-controls="nav-profile" aria-selected="false" data-url="{$t.url}">{$t.name}</button>
    {/category} 
    <a class="text-muted ms-auto" href=" {category module=share id=20}{$t['url']}{/category}"><i class="bi bi-three-dots fs-3"></i></a>
  </div>
</nav>
<script>
  $(function(){
    $('.nav-tabs button').on('click', function(){
      $('.text-muted.ms-auto').attr('href', $(this).data('url'))
      
    })
  })
</script>

李白怕喝酒 #12 · 2021-12-27 14:37:05

@悦笙：很热心，真的很棒

迅睿系统漏洞

TAB切换，但后面的“更多”公用，如何判断这个更多是哪个TAB呢

方案

AI文章生成器（2026-09-20）

GEO系统（2026-09-20）

多语言翻译Seolang（2026-09-18）

GeoSeo工具箱（2026-09-18）

后台二次登陆验证（2026-09-18）

京东云短信（2026-09-17）

创蓝短信（2026-09-17）

火山引擎短信（2026-09-17）

外贸多语言建站（2026-09-17）

腾讯云短信接口（2026-09-17）