Question

我正在尝试将css样式表应用于sinatra中的erb文件，但是当在带有机架的localhost上加载时，我一直收到404错误，告诉我无法找到该文件。

感觉我已经尝试了从更改文件路径到将类型，rel，媒体添加到html标签的所有内容，但似乎没有任何效果。我真的很难过。

我的HTML代码

$(document).ready(function() {
  $('js-content').on('click', function(){
    loadContent($this);
  });

  function loadContent($element){   
    var content = $element.data('content');
    var $target = $($element.data('target'));

    var url = // something with content.
    $.get(/*whatever with url*/)
      .done(function (html) {
        // however you want to append html
        $target.html(html);
      });
  }

  if (window.location.href // check location, if match) {
    var $element = $('[data-content="' + hrefvalue + '"]');
    if ($element.length == 1) {
      loadContent($element);
    }
  };
});

我的CSS

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://localhost:9292/public/styles/home.css">
  </head>
  <body>
    <h1> I am working </h1>
  </body>
</html>

任何帮助都将受到重视。提前谢谢！

Answer 1

我解决了问题

几乎怀疑，我的CSS的文件路径没有正确解析。最长的时间我不知道为什么，但似乎霰弹枪/ sinatra没有正确提供文件。

我仍然不完全确定发生了什么，但我在这里找到了很多帮助：

Github Repo

这里有一些教程：

Ruby/Sinatra Framework

感谢那家伙。现在是凌晨1:30，它终于奏效了。

404错误文档未找到 - CSS样式表未加载到本地主机上具有绝对文件路径的erb文件中

1 个答案: