Question

我有一个短暂的mojolicious webbapp的问题，我正在为了好玩而开发。

我有一个布局（templates / layouts / default.html.ep），它在两个模板（templates / form.html.ep和templates / pasted.html.ep）中成功使用，就像我之前写的那样。 <%= content %>输出到网页，但样式表仅在第一次调用时加载（templates / form.html.ep）。

这是“成功”的电话：

% layout 'default';
%=t h1 => 'LolPaste'
  <div id="form" />
    %=t h1 => 'Let the magic happen'
    %= form_for '/process' => (method => 'post') => begin
      %= label_for Title => 'Title:'
      %= text_field 'Title'
      <br/>
      %= label_for Text => 'Text:'
      %= text_area 'Text', rows => 10, id =>'flex'
      <br/>
      %= submit_button 'click', id => 'button'
    %= end
  </div>

这是“失败的”电话：

% layout 'default';
%=t h1 => 'LolPaste'
<p>Here is your paste !</p>
<div id="pasted">
  %= $poil
  <br/>
</div>

最后这里是布局：

<!doctype html>
<html>
  <head>
    <title>LolPaste</title>
    <link type="text/css" rel="stylesheet" href="style.css" />
    <link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'>
  </head>
  <body>
    test 
    <%= content %>
  </body>
</html>

“test”一词在两次调用时输出到网页，但样式表无法在pasted.html.ep上加载

ps：style.css位于公共目录中。

编辑：我忘了提问，这是：我究竟做错了什么？我觉得这是一个新手错误，但文档上似乎没有回答我的问题。

Answer 1

如果你可以用这样的绝对路径获取css文件：

http://localhost:3000/style.css

您的网页必须像这样获取：

<head>
    <link rel="stylesheet" type="text/css" href="/style.css">
</head>

不是这个：

<head>
    <̶l̶i̶n̶k̶ ̶r̶e̶l̶=̶"̶s̶t̶y̶l̶e̶s̶h̶e̶e̶t̶"̶ ̶t̶y̶p̶e̶=̶"̶t̶e̶x̶t̶/̶c̶s̶s̶"̶ ̶h̶r̶e̶f̶=̶"̶l̶o̶c̶a̶l̶h̶o̶s̶t̶:̶3̶0̶0̶0̶/̶s̶t̶y̶l̶e̶.̶c̶s̶s̶"̶>̶<̶/̶b̶>̶
</head>

看到你改变了rel / type定义的顺序..我不这么认为..但也许这就是重点......

此外还有声明

<link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'>

包含

@font-face {
    font-family: 'Autour One';
    font-style: normal;
    font-weight: 400;
    src: local('Autour One'), local('AutourOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/autourone/v1/7LzkKwczNE2R2ZQSt90y1RsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

包含woff个文件。它有效，如果你评论这一行？

如果你说它无论如何都不会工作..嗯..你使用哪种浏览器？ IE8？

如果我可以帮助你，请投票..

CSS样式表只加载一次多次布局调用mojolicious

1 个答案: