Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/57.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Rails 4布局错误需要刷新_Css_Ruby On Rails_Twitter Bootstrap_Heroku - Fatal编程技术网

Css Rails 4布局错误需要刷新

Css Rails 4布局错误需要刷新,css,ruby-on-rails,twitter-bootstrap,heroku,Css,Ruby On Rails,Twitter Bootstrap,Heroku,我有一个rails 4应用程序,它使用twitter引导rails gem 对于某些功能,我需要在应用程序布局之外呈现一个视图,因为它有自己的自定义CSS和布局,必须与引导分离。CSS文件已放置在assets文件夹中,并且必要的行已添加到assets.rb文件中。已经创建了一个视图,其中包含文档声明、标题和正文 一个自定义的路由和控制器动作已经投入,并且工作正常。但是,当单击链接触发此操作时,页面无法正确加载视图。头部仍然包含引导文件的声明,尽管它们不存在于此操作的视图中。如果重新加载页面,它将

我有一个rails 4应用程序,它使用twitter引导rails gem

对于某些功能,我需要在应用程序布局之外呈现一个视图,因为它有自己的自定义CSS和布局,必须与引导分离。CSS文件已放置在assets文件夹中,并且必要的行已添加到assets.rb文件中。已经创建了一个视图,其中包含文档声明、标题和正文

一个自定义的路由和控制器动作已经投入,并且工作正常。但是,当单击链接触发此操作时,页面无法正确加载视图。头部仍然包含引导文件的声明,尽管它们不存在于此操作的视图中。如果重新加载页面,它将按预期显示

以下是控制器代码:

def qrcode
    render file: 'app/views/boxes/qrcode.html.erb', layout: false
end
在本地和Heroku上运行的Safari、Chrome和Firefox中,这种行为是一致的

编辑2015-05-08 事实证明,bootstrap
application.js
会干扰CSS,但是它没有在自定义布局中声明,也不应该加载。
application.js
仅在应用程序布局中声明

控制器方法 标签布局 请原谅业余的HTML

<div class="qrcode">
    <%= image_tag @qr, id: "qr" %>
</div>
<div class="label">
    From: Text Here<br>
    &nbsp;&nbsp;&nbsp;Text Here
    <br>
    To: Text Here<br>
    &nbsp;&nbsp;&nbsp;Text Here
</div>

发件人:此处的文本
此处文本
收件人:此处的文本
此处文本
另一个更新
原来是
turbolinks.js
文件导致了这种异常行为。

使用单独的布局来呈现特定的操作不是更好吗?我将很快尝试一下,并让您知道。我仍然认为这种行为是不可预料的。运气不好,即使使用不同的布局
layout:“layout\u name”
仍然显示相同的行为-页面只有在刷新后才能正确显示。
<div class="qrcode">
    <%= image_tag @qr, id: "qr" %>
</div>
<div class="label">
    From: Text Here<br>
    &nbsp;&nbsp;&nbsp;Text Here
    <br>
    To: Text Here<br>
    &nbsp;&nbsp;&nbsp;Text Here
</div>