href无法正常工作,无法将页面移动到链接文件

时间:2015-04-05 18:13:07

标签: html twitter-bootstrap

我使用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>

1 个答案:

答案 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()会阻止您的链接正常工作