Question

我在开放式购物车中工作。在我的订单信息页面中，我有一些自定义选项卡，其中一个选项卡被命名为HX endicia标签。

<a href="#tab-label"><?php echo "HX Endicia Labels"; ?></a> // link to tab
<div id="tab-label" class="vtabs-content" style="display: none;"> // tab content, its by default display none when page loads.

在此选项卡上，我将从表格中的数据库中显示一些记录。在每一行我都有删除链接，从数据库中删除当前行。当我点击我的删除链接时，我在控制器中调用delete_label方法并从DB中删除该行，直到现在它正常工作。在我的函数结束时，我重新加载当前的order_info页面。当我删除记录时刷新页面。当页面刷新时，默认情况下会打开第一个选项卡。我想要的是在通过此删除功能重新加载页面时打开我的“#tab-label”选项卡。为此我编码像这样。

public function Delete_label() 
{ 
/* my code to delete label */
$this->info();  // refreshing my page
echo " <script type="text/javascript">
document.getElementById('tab-label').style.display = 'block';
</script>
";
}

它不起作用。

Answer 1

您需要将刷新的实例重定向到以所需的活动标签

结尾的页面

EXP：用于删除的html表单 //其他投入

public function Delete_label() 
{ 
$tab = $_POST["showed"];//get the value from the hidden input
header('Location: '.$currentUrl.$tab);
}

在您刷新的页面中

：

tab= window.location.hash.substr(1);//get the end of the url '#tab-label'
if(tab) {
   document.getElementById(tab).style.display = 'block';//show the hidden tab 
}

如何使用Javascript在页面刷新时按ID打开特定选项卡

1 个答案: