Question

尽管我确实对PHP和JS知之甚少，但我想通过说我是一位Web设计师而不是一名开发人员来开头。我已经为亲密的朋友创建了一个网站。我已经在服务页面中设置了多个“标签”，并尝试从首页链接到特定标签。例如，如果我单击主页上的“技术和体系结构”，它将链接到服务页面并显示“技术和体系结构”选项卡，而不是默认选项卡。我尝试了几种不同的方法来使它起作用，但是它们都使我失望。它与我在此站点上找到的所有帮助都有些不同-我的选项卡的构建略有不同。它们不是列表，实际上由多个元素组成。我正在努力为自己的特定布局找到解决方案。

这是我在服务页面上的标签代码：

<div class="col-3">
<button class="tablinks" onclick="openCity(event, 'strat')" 
id="defaultOpen">
<div class="tab-wrap-ltblue">
<div class="strategict tab4mobile" style="height: 100px;"> </div>
<div class="tablink-head stories mobile-no"><h4>Strategic Innovation</h4> 
</div></div></button>
</div>
<div class="col-3">
<button class="tablinks" onclick="openCity(event, 'analysis')">
<div class="tab-wrap-blue">
<div class="analysist tab4mobile" style="height: 100px;"> </div>
<div class="tablink-head stories mobile-no"><h4>Integrated Business 
Analysis</h4></div></div></a></button>
</div>
<div class="col-3">
<button class="tablinks tech" onclick="openCity(event, 'tech')">
<div class="tab-wrap-green">
<div class="archt tab4mobile" style="height: 100px;"> </div><div 
class="tablink-head stories mobile-no"><h4>Technology and Architecture</h4> 
</div></div></button>
</div>

 and the java to make it work:
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent.style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks.className = tablinks.className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>

 The links on the homepage are simple:
 <a href="services.php"><div class="help-btns"> Learn More</div></a>

最简单的方法是什么？非常感谢你的帮助！我不是要打开新的“浏览器”标签，而是要打开我网站页面中的导航标签。

有没有一种方法可以使链接打开另一页上的标签-链接被标识为“按钮”？

0 个答案: