嘿，我一直在研究一个带有Rails（v4.1.2），Ruby（v2.2.2）和gem gradientFunc的项目。
到目前为止，我的布局看起来像这样：
less-rails-semantic_ui还有一些基本的东西：
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div id="wrapper">
<div id="menu-bar" class="ui vertical menu">
<%= link_to 'Dashboard', :dashboard, id: 'dashboard-link', class:(current_page?(:dashboard) ? 'active item' : 'item') %>
<%= link_to 'Wiki', :wiki, id: 'wiki-link', class: (current_page?(:wiki) ? 'active item' : 'item') %>
</div>
<div id="content">
//content here, cut out
</div>
</div>
</body>
</html>
Coffeescript根本没有提到这一点。但是，仪表板和维基等菜单链接不可点击。我尝试将活动项添加到链接周围的div。但是链接仍然无法点击。使用F12查看html，链接生成正确，并显示为//*= require semantic_ui/semantic_ui
@errorColor: hsl(359, 100%, 50%);
@infoColor: hsl(119, 100%, 62%);
.setWidth(@amount) {
min-width: @amount;
max-width: @amount;
width: @amount;
}
.setHeight(@amount) {
min-height: @amount;
max-height: @amount;
height: @amount;
}
.ui .nag .fatal {
.title {
color: darken(@errorColor, 20%);
}
background-color: errorColor;
border-color: lighten(@errorColor, 20%);
}
.ui .nag .error {
.title {
color: darken(@errorColor, 10%);
}
background-color: errorColor;
border-color: lighten(@errorColor, 30%);
}
.ui .nag .info {
.title {
color: darken(@infoColor, 20%);
}
background-color: infoColor;
border-color: lighten(@infoColor, 20%);
}
.ui .nag .alert {
.title {
color: darken(@infoColor, 10%);
}
background-color: infoColor;
border-color: lighten(@infoColor, 30%);
}
#wrapper {
.setWidth(100%);
.setHeight(100%);
}
#menu-bar {
position: fixed;
z-index: -999;
.setWidth(10%);
.setHeight(100%);
float: left;
}
#content {
.setWidth(89%);
float: right;
#flashes {
.setWidth(100%);
.setHeight(20%);
}
#yielded-content {
.setWidth(100%);
.setHeight(79%);
}
}
但是它们根本不可点击（显示为黑色，没有不同的光标位置，点击时没有任何反应）。