我使用href来链接使用此文件的文件
<a href="../index.php" class="navbar-brand" ><img src="../images/logo.png" alt="logo"></a>`
当用户点击徽标时,用户将被重定向到链接,但在我的情况下,它无法正常工作。
也尝试过:
<a href="../" class="navbar-brand" ><img src="../images/logo.png" alt="logo"></a>
有人可以帮助您解决这个问题,您也可以在这里进行演示http://www.xpoter.in/blog/只需点击徽标即可找到错误
我的头标记
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="top-nav">
<div class="container">
<div class="navbar-header">
<!-- Logo Starts -->
<a href="../index.php" class="navbar-brand" ><img src="../images/logo.png" alt="logo"></a>
<!-- #Logo Ends -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Nav Starts -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right scroll">
<li class="active"><a href="#works">Home</a></li>
<li ><a href="#about">About</a></li>
<li ><a href="#partners">Partners</a></li>
<li ><a href="#contact">Contact</a></li>
</ul>
</div>
<!-- #Nav Ends -->
</div>
</div>
</div>
</div>
答案 0 :(得分:0)
问题是你网页上的一个jQuery:
jQuery(document).ready(function ($) {
$(".scroll a, .navbar-brand, .gototop").click(function (event) {
event.preventDefault();
$('html,body').animate({scrollTop: $(this.hash).offset().top}, 600, 'swing');
$(".scroll li").removeClass('active');
$(this).parents('li').toggleClass('active');
});
});
单击.navbar-brand
时会触发此消息,并且您使用的event.preventDefault()
会阻止您的链接正常工作