我需要纠正PHP项目中的某些内容。
我有两个页面,home.php
和page1.php
。
我有一个header.php
,它在两个页面(home.php
和page1.php
)中呈现。
问题是当我在page1.PHP时,标题中的链接不起作用。它应该转到主页并滚动到单击的部分。
如果我点击导航按钮将我带到主页,你可以帮助我如何使它在javascript或jquery中工作。
在主页中,如果我点击导航按钮,它将滚动到所需的部分。这个问题在' header.php':
中得到了解决jQuery('a[href^="#"]').on('click', function (e) {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = jQuery(this.hash);
target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
var calculatedHeight = jQuery(".tip-top.fixed").length ? 120 : 230;
if (target.length) {
jQuery('html,body').animate({
scrollTop: target.offset().top - calculatedHeight
}, 700);
return false;
}
}
});
以下是这些部分:
<ul class="nav list-inline visible-lg visible-md clearfix pull-right nav-pills main-menu">
<li><a href="#panel-two">Clients</a></li>
<li><a href="#panel-three">Case studies</a></li>
<li><a href="#panel-for">Capabilities</a></li>
<li><a href="#panel-nine">Team</a></li>
<li><a href="#footer-container-1">Contact</a></li>
</ul>
当我在page1.php
并点击导航链接时,会在网址中显示应该带我的部分名称:
http://localhost/ppi/teszt/#panel-nine
你能帮我解决一下这个问题吗?