1

在你去网站之前，我希望你也去寻找这个。您会注意到网站加载时，前一秒或两秒...它以列表格式在导航栏中显示链接，并且看起来有问题... bc 当它完成加载时看起来还不错。

网站：www.powerliftingbasics.com 每次刷新/加载页面时都会发生这种情况。我在 twitter 引导程序上使用 ruby​​ on rails。我想不通。

这是我的导航栏代码：

    <div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
          <a href="/" class="navlogo pull-left"><img src="assets/logosmall.png" alt="Small Logo"></a>
          <a class="brand navfont" href="/">Powerlifting Basics</a>
      <div class="container nav-collapse">
        <ul class="nav pull-right"> 
            <li><%= link_to "Bench Press", "/benchpress"  %></li>
            <li><%= link_to "Deadlift", "/deadlift"  %></li>
            <li><%= link_to "Squat", "/squat"  %></li>
            <li><%= link_to "Equipment", "/equipment"  %></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> more<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li class="divider"></li>
                  <li><%= link_to "Subscribe", "/subscribe"  %></li>
                  <li><a href="mailto:contact@powerliftingbasics.com"> Contact Us</a> </li> 
                </ul>
            </li>
        </ul> 
      </div><!--/.nav-collapse -->
    </div>
  </div>
</div>
4

2 回答 2

1

在你的 layouts/application.html.erb 添加 application.css 和 application.js 在顶部

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <title>PowerLiftingBasics</title>
    <%= stylesheet_link_tag "application" %>
    <%= javascript_include_tag "application" %>
  </head>
  <body>

    <%= yield %>

  </body>

</html>
于 2012-09-09T10:18:03.517 回答
-1

发生这种情况是因为您在页面底部放置了指向您的 css 文件的链接。您应该在页面正文之前加载它。至少，放

<link href="/assets/application-65943938be14c000984bcb9478d30563.css" media="all" rel="stylesheet" type="text/css">

内部<head></head>标签。

最佳做法是将 css 和 favicon 链接放在页面头部。Javascripts 链接位于正文底部（结束</body>标记之前）。

于 2012-09-09T09:45:21.750 回答