文章/答案/技术大牛

发布

社区首页 >问答首页 >Material Design Lite drawer breaks网站导航链接点击

问Material Design Lite drawer breaks网站导航链接点击
EN

Stack Overflow用户

提问于 2017-08-10 06:48:00

回答 1查看 72关注 0票数 0

我在为我的Ruby on Rails应用做布局时遇到了一个奇怪的bug。

这是我当前的布局：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <%= csrf_meta_tags %>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>
  <body>
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
      <header class="mdl-layout__header">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">CTC151</span>
        </div>
      </header>
      <div class="mdl-layout__drawer">
        <span class="mdl-layout-title">Test</span>
        <nav class="mdl-navigation">
          <%= link_to('Home', root_path, class: 'mdl-navigation__link') %>
          <%= link_to('News', news_index_path, class: 'mdl-navigation__link') %>
          <%= link_to('Departments', root_path, class: 'mdl-navigation__link') %>
        </nav>
      </div>
    </div>
  </body>
</html>

单击导航抽屉中的任何链接都会像这样破坏我的布局：before、after。整个网站被限制在顶部的小空间里。我删除了所有个性化的样式表，以确保它不是问题的根源。唯一的样式表是MDL样式表和MDL图标

html

css

ruby-on-rails

ruby

material-design

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-12 06:55:53

我通过在我的应用程序中禁用Turbolinks修复了我的网站。很可能有一个解决办法，但AFAIK MDL默认不支持Turbolinks。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45601781

复制

相似问题

问Material Design Lite drawer breaks网站导航链接点击
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Material Design Lite drawer breaks网站导航链接点击EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Material Design Lite drawer breaks网站导航链接点击
EN