网站链接表现异常

时间:2014-04-29 18:03:25

标签: html css twitter-bootstrap twitter-bootstrap-3

我已经建立了这个网站:http://manojpandey.tk/实施Bootstrap v.3

在“联系”部分,我添加了一些社交按钮。

<ul class="list-inline banner-social-buttons">
    <li>
        <a href="http://twitter.com/manojpandey96" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
    </li>
    <li>
        <a href="http://www.facebook.com/manojpandey1996" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
    </li>
</ul>

他们表现出一些我无法获得的异常行为。当有人直接点击该按钮时,会打开一个包含相同网址的空白网页。在新标签中打开确实很好。

但是,为什么前者不起作用。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

<a class="btn btn-default btn-lg" href="http://twitter.com/manojpandey96" target="_top"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>

适合我。所以只需添加:

target="_top" 

到a-Tags。

你有使用框架的原因吗?

修改 框架导致问题。在不添加目标的情况下,链接通常会在框架内打开。但是如果添加target =&#34; _top&#34;,则会在完整窗口中加载它,忽略帧。 这里有更详细的解释:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a