Question

知道为什么这在开发中有效，但在部署到heroku时却没有：

    if $('#home-header').data('votable') == true
        $('#mpimage1').addClass('mpimage')
        $('#mpimage2').addClass('mpimage')
    else
        $('#mpimage1').removeClass('mpimage')
        $('#mpimage2').removeClass('mpimage')

CSS：

.mpimage {
  width: 400px;
  height: 250px;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  &:active {
    top: 2px;
    box-shadow: 0 5px 0 3px #ccd2d2, 0 7px 20px 6px #d5dbdb;
  }
}

我需要这样做，因为<div id="mpimage1">和<div id="mpimage2">属于部分内容，并且当在包含部分的一个页面上使用时，它们是可点击的，并且在使用部分的另一个页面上无法点击它们。我只希望:active效果在可点击时发挥作用。谢谢！

Answer 1

如果你的代码在dev上工作但在heroku上没有，那么你的代码很可能不是问题。我将在查看heroku上的网站时查看Javascript控制台。你可能会在那里看到错误。

也许在本地工作的宝石在heroku上表现不同。你确定推送到heroku时没有任何错误吗？

你的heroku日志中的任何东西？（输入'heroku logs'）。

您需要发布更多信息......

CSS / JS addClass在开发（Rails）中工作，但在heroku中不工作

1 个答案: