Tag: html

Rails 3 / HAML：如何从变量输出haml raw？: 我在rails中有一些包含一些div的变量，如下所示： @layout_1 = ” .box_1 .column_4 .gutter .column_4 .gutter .column_4 .gutter .column_4″ 这是来自数据库，我们的想法是根据请求交换布局，但是如何在HAML文件中输出变量（ @layout_1 ）作为HAML？如果我使用普通的html div，我会使用<%=raw或.html_safe

在Rails应用程序中使用bigvideo.js渲染背景: 我有以下实现的bigvideo.js完全在我的Rails项目之外运行。 var BV = new $.BigVideo(); BV.init(); if (Modernizr.touch) { BV.show(‘yay.jpg’); } else { BV.show(‘test.mp4’,{ambient:true}); } 但是，当我尝试将其转换为Rails时，它不会呈现图像或video。 – 我有资产/ javascripts中的所有javascript文件。它们似乎正在拉动。 – Application.js不受影响，包括// = require_tree。 – 对于自定义JS（上面显示js代码的那个），我目前将它作为资产/ javascripts中的JS文件。我已经尝试将相关的图像/video文件放在文件夹中，更改文件的url路径，并命名为.html.erb并使用ruby片段，但都没有成功。如何使我的实施工作？你可以在这里看到它在Rails之外工作。

修剪模板 – 删除块标记周围的空格: 我在一个新项目中尝试Slim模板（在使用Haml很长一段时间后）。虽然整体体验很棒，但我遇到的问题是，空格总是插在通常使用display: block标签周围说， ul.ampm li.am am li.pm pm 生成 am pm 而 .ampm span.am am span.pm pm 生成 ampm 通常这不是一个大问题，但我们使用响应式布局应用display: inline-block to li tags; 显然，它们之间有空格会破坏布局。我知道 Slim::Engine.options[:pretty] = true 选项（打开它会删除有问题的空白），但它会使所有生成的源难以阅读，而不仅仅是我想要修复的部分。 Slim中的<和>似乎与我需要的相反 – 它们旨在用于在内联标签周围添加空格。所以… 是否有可能删除Slim中单个块标签周围的空白，类似于HAML空白食客？（没有关闭漂亮选项的影响，那是）如果不是，它是一个基本的Slim限制（“设计”）或路线图中的某些东西，将来可能实施吗？非常感激。

中心水平forms的twitter bootstrap: 我已经尝试了所有我能想到的东西，并查看了每一篇文档/教程/ github自述文件。我正在构建一个简单的rails应用程序，它使用简单的forms和twitter bootstrap。我希望我的表单位于页面的中心，我可以通过在我的bootstrap css文件中添加这些字段来移动到中心： body { text-align: center; } 结果如下：无论我做什么，我都无法将标签“ control-label ”与中心对齐。我尝试过在很多其他事情中使用id 。这是我的表单的代码： { :class => ‘form-horizontal’ } do |f| %> { :maxlength => 10 }, :label_html => { :class => ‘control-label’ } %> ‘btn-primary’ %> 和生成的HTML： New Message Phone Message 请问有人可以提供一些支持吗？

使用Bootstrap中的Nav Bar选项卡渲染Rails部分表单: 您好我正在尝试使用制表符在页面中呈现部分表单。我有_form1.html.erb和_form2.html.erb 所以我的view.html.erb应该基于选项卡式菜单呈现表单 view.html.erb form1 form2 但它不起作用我做错了什么？我收到错误无法找到项目’project_id’= form1

如何在html（col）中将样式实现为rails: 我有一个问题，当我想实现我的html导轨之前我已经在桌面显示器上创建了一个包含3列的目录，在这样的移动显示器上创建了2列在桌面显示中，我的目录看起来像这样 [1] [2] [3] [4] [5] [6] 但是当我改为移动视图时，它们看起来像这样 [1] [2] [3] [4] [5] [6] 以前用于html的语法与问题上方的链接完全一样，我应该放在哪里和我是否必须在循环中添加“IF”或其他内容才能添加代码？这是我的视图语法 Platform: Price: 谢谢

jQuery在JSFiddle中工作但在本地RoR环境中不起作用？: 目前我有两个JavaScript函数。 “全部检查”function在JSFiddle和本地环境(http://0.0.0.0:3000)中都能很好地工作。但是，“选择动物”或仅选择表单中特定选项的函数仅适用于JSFiddle，但不适用于本地环境。我想知道是什么导致了这个问题。以下是我的“_form.html.erb”中的代码： checked = false; function checkedAll () { if (checked == false){checked = true}else{checked = false} for (var i = 0; i < document.getElementById('myform').elements.length; i++) { document.getElementById('myform').elements[i].checked = checked; } } Foo1 Bar2 Rah3 Check all: function checkAnimal () { var values = [‘1’, ‘2’, ‘4’, ‘5’]; $(“#list”).find(‘[value=’ + values.join(‘], [value=’) […]

具有多个输入的Rails4-autocomplete表单 – 覆盖HTML data-id-element: 我正在尝试构建一个表格，从数据库建议药物名称，但会在我的数据库中发送所选药物的ID以创建关系。我使用了自动完成gem，效果很好，我也使用它们的提示从元素名称中获取ID，这也很好，但只是在表格上有一个INPUT元素。在我的情况下，我需要5个输入，因为我的代码 – 它会覆盖名为my_medicine_id元素，这会导致只保存一个 – 最后一个元素。你们能想到动态改变字段名称的任何解决方案吗？我的PrescriptionsController […] def new @prescription =Prescription.new 5.times { @prescription.relations.build } end […] 我的看法 […] “my_medicine_id” %> ‘#my_medicine_id’ %> […] 生成最终的html：因此，每次覆盖元素data-id-element=”#my_medicine_id”时都可以看到。

窗口大小改变时调整标题大小: 我目前正在一个网站上工作，我需要放一些图像，一些标题和描述将随之而来。如果浏览器是全屏，则标题显示在一行上; 但是，如果浏览器宽度减小，标题将自动显示在两行上。以下是浏览器全屏时的外观：以下是浏览器宽度减小时的外观：我想这样做，以便当浏览器宽度减小时标题的大小减少，并想知道我该怎么做。我无法在Google上找到任何好的资源，或者我可能只是没有使用正确的关键字进行搜索。我正在使用Ruby on Rails和Bootstrap（2.3.2）开发网站。我也在使用SASS和jQuery，但我是新手。

可以将参数传递给CSS类吗？: 我有这样的div：其中`small-top-margin’如下： .small-top-margin { margin-top: 2em; } 有没有办法将参数传递给css类，以便 class=”top-margin(2) ＃=> margin-top: 2em; class=”top-margin(5) ＃=> margin-top: 5em;等等.. 甚至更好 class=”margin(top, 2) ＃=> margin-top: 2em; 我已经包含了Rails标签，以防有一种方法可以通过rails实现这一点，尽管纯粹的css / sass解决方案会更好。