php 基于url查询加载特定选项卡

41ik7eoe 于 2023-01-12 发布在 PHP

关注(0)|答案(1)|浏览(128)

我的URL包含名为“cct_action”的查询。它可以等于“add”或“edit”。我的页面包含多个选项卡。我想根据cct_action指定哪个选项卡处于活动状态。
我可以使用PHPGET方法定义cct_action，然后将其赋给js.$editpage = $_GET['cct_action']; var editpage = '<?php echo $editpage; ?>';中的一个var
active选项卡添加了一个名为.active的类。我在弄清楚如何执行以下操作时遇到了问题：if (editpage == 'add') { ??? }
我在网上查的所有东西都与浏览器的标签有关，所以我的努力都是徒劳的。

php

来源：https://stackoverflow.com/questions/75052098/load-specific-tab-based-on-url-query

1条答案

按热度按时间

rryofs0p1#

谢谢你的指导@skip
为了解决这个问题，我必须为默认的活动标签添加类和删除类，然后由于某种原因，标签不能在点击时来回切换，所以我必须添加一个规则来在点击时添加和删除类：

if (editpage === "add") {
$(document).ready(function(){
$(".cx-tab__button[data-content-id='#client_informaiton']").removeClass("active");
$(".cx-tab__button[data-content-id='#extra_tab']").addClass("active");
$("#client_informaiton").removeClass("show");
$("#extra_tab").addClass("show");
});
$(document).ready(function(){
  $(".cx-tab__button[data-content-id='#extra_tab']").click(function(){
        $(".cx-tab__button[data-content-id='#extra_tab']").addClass("active");
        $("#extra_tab").addClass("show");
        $(".cx-tab__button[data-content-id='#client_informaiton']").removeClass("active");
        $("#client_informaiton").removeClass("show");
  });   
    $(".cx-tab__button[data-content-id='#client_informaiton']").click(function(){
        $(".cx-tab__button[data-content-id='#extra_tab']").removeClass("active");
        $("#extra_tab").removeClass("show");
        $(".cx-tab__button[data-content-id='#client_informaiton']").addClass("active");
        $("#client_informaiton").addClass("show");
});
});
}
</script>

赞(0）回复(0）举报 2023-01-12

我来回答

php 基于url查询加载特定选项卡

1条答案

相关问题

热门标签

最新问答