小编And*_*rew的帖子

我正在使用 Webpacker 在 Rails 6 应用程序中实现 Bootstrap 4.4，并且主题在生产中不起作用。

我覆盖了一些 Bootstrap 变量并将自定义主题放在一个名为bootstrap_variables.scss. 我确保functions在app/assets/stylesheets/application.scss文件中的自定义变量之前导入 Bootstrap ，如此处和此处所述。

@import "bootstrap/scss/functions";
@import "bootstrap_variables";
@import "bootstrap/scss/bootstrap";

当我在本地运行应用程序时，它工作正常。当我尝试推送到生产 (Heroku) 时，构建失败并出现以下错误：

SassC::SyntaxError: Error: argument `$color` of `darken($color, $amount)` must be a color
on line 181:43 of app/assets/stylesheets/bootstrap_variables.scss, in function `darken`
from line 181:43 of app/assets/stylesheets/bootstrap_variables.scss
$link-hover-color: darken($link-color, 15%) !default;

这引用了自定义bootstrap_variables.scss文件中的以下几行：

$link-color:                              theme-color("primary") !default;
$link-decoration:                         none !default;
$link-hover-color:                        darken($link-color, 15%) !default;

为什么这可能在本地工作但不在生产中？

在一个简单的Ruby on Rails应用程序中，我试图计算用户发布的连续天数。因此，举例来说，如果我过去4天中的每一天都发布了邮件，我希望在个人资料中显示“您当前的发布时间是4天，请继续努力！” 或类似的东西。

我应该跟踪其中一个模型中的“条纹”，还是应该在其他位置进行计算？不知道我应该在哪里做，或如何正确做，所以任何建议都会很棒。

很高兴包含您认为有用的任何代码，请告诉我。

使用Bootstrap工具提示时遇到一些困难,特别是让它们隐藏在向后导航上.

我在Rails 5 w/Turbolinks上.

这是发生的事情:

1. 我单击一个具有Bootstrap工具提示的链接
2. 该链接将我带到一个新页面
3. 我导航回浏览器中的原始页面(后退按钮)
4. 我在步骤1中单击的链接的工具提示处于活动/显示状态,无法隐藏

我已经尝试将工具提示放在链接内的元素(图像)上,但结果是一样的.

JS:

$(document).on('turbolinks:load', function(event) {
  $(function () {
    $('[data-toggle="tooltip"]').tooltip()
  });
})

rails视图助手:

<%= link_to sample_path, data: { toggle: :tooltip, placement: :bottom }, title: "Title to display" do %>
  <%= image_tag "image-src-url", alt: "Alt goes here" %>
<% end %>

HTML输出:

<a data-toggle="tooltip" data-placement="bottom" title="" href="/sample-path" data-original-title="Title to display">
  <img alt="Alt goes here" src="image-src-url">
</a>

更新:

点击其上/内有工具提示的链接可能会出现问题.我只是尝试在新选项卡中打开链接(因此没有向后导航,只关闭新选项卡),工具提示仍保持活动状态,直到在原始页面上单击其他链接.