小编Tre*_*zel的帖子

我是Jade的新手,我想将一些输出数据显示为value文本的值input.像这样:

input(type="text", name="date", value="THISRIGHTHURR")

但只有价值需要viewpost.date.我尝试了多种方式,似乎没有一种方法可行:

input(type="text", name="date", value=viewpost.date) // doesn't work
input(type="text", name="date", value=.=viewpost.date) // doesn't work
input(type="text", name="date", value=".=viewpost.date") // doesn't work

我当然可以input通过做类似的事情让它在外面工作

each post, i in viewpost
  h1.=post.date

我是不是应该以input某种方式循环？这是输出我的viewpost变量的JS(使用Node和Express).

// render show post view
exports.viewpost = function(db) {
    return function(req, res) {
        var id = req.params.id;

        collection.find({ "_id": new BSON.ObjectID(id) }, function (err, data) {
            res.render("viewpost", {
                "viewpost" : data
            });
        });
    };
};

我有一个控制器,clients_controller具有相应的索引,显示,编辑,删除,新的和表单视图.有没有办法创建一个新的视图,就像clients/prospects.html.erb行为一样clients/index.html.erb,除了路由clients/prospects/？

我试过这个:

match '/clients/prospects' => 'clients#prospects'

还有一些其他的东西routes.rb,但当然得到错误"找不到具有id =潜在客户的客户".

这里的目标基本上是拥有潜在客户视图和客户视图,并且通过简单地将隐藏字段切换为1,它(在用户的脑海中)将潜在客户转变为客户端(它是类似CRM的应用程序).

当点击div时,我写了一个小jQuery来滑动打开搜索框.基本上,点击它会显示一个最初隐藏的div,其中div是搜索框和关闭按钮.这一切都很好.然而,关闭按钮不起作用.我的猜测是关闭按钮没有隐藏该div,因为它本身就在div中.这就是我所拥有的,这里是一个jsfiddle.

HTML

<ul class="tert-nav">
    <li><img alt="" border="0" src="images/icon-cart.png" width="16" height="16" /></li>
    <li><img alt="" border="0" src="images/icon-tickets.png" width="16" height="16" /></li>
    <li class="searchit">
        <img alt="" border="0" class="searchicon" src="images/icon-search.png" width="16" height="16" />
        <div class="searchbox">
            <img alt="" border="0" class="closesearch" src="images/icon-close.png" width="16" height="16" />
            <input placeholder="search..." type="text" />
            <input type="submit" value="" />
        </div>
    </li>
</ul>

jQuery的

$(document).ready(function() {

// Search
$('ul.tert-nav li.searchit').click(function() {
    $(this).addClass('search');
    $('.searchbox').fadeIn();
    $('ul.tert-nav li img.searchicon').hide();
});

$('ul.tert-nav li.searchit img.closesearch').click(function() {
    $('.searchbox').hide();
    $('ul.tert-nav li').removeClass('search');
});

})

CSS

ul.tert-nav {
    float: right;
    position: …

我正在使用这个基本的jQuery Slider(bjqs),并试图让它响应地工作.他们的更新日志说它的响应性是"beta",所以我猜这就是为什么它有点好看.

这是我正在实现的滑块的URL:http://test.hetzelcreative.com/hybrid/

它基本上有两个问题,它们都与以小屏幕尺寸(手机宽度)加载页面有关:

1. 图像不按比例加载,不适合100%
2. 当您向上调整浏览器的大小时,定位会变得混乱,甚至开始复制图像并垂直堆叠.页面刷新修复了这一点,但当然这是不可接受的

另外,bjqs-1.3.min.js我的宽度设置为854px,高度设置为481px.它最初设置为400x300或其他东西.我想知道这是否是我问题的根源.如果我删除那些w&h属性虽然整个事情都不起作用.

在本教程之后,我设法创建了一个带有file输入的表单,该表单将文件上载到指定的目录.这是花花公子和所有,但它没有保存任何东西到数据库,我没有任何参考上传到Jade模板中显示的文件.

这是我正在做的事情:

// add new bulletin
exports.addbulletin = function(db) {
    return function(req, res) {

        var tmp_path = req.files.coverimage.path;
        // set where the file should actually exists - in this case it is in the "images" directory
        var target_path = './public/uploads/' + req.files.coverimage.name;
        // move the file from the temporary location to the intended location
        fs.rename(tmp_path, target_path, function(err) {
            if (err) throw err;
            // delete the temporary file, so that the explicitly set temporary upload dir does …

我已经按照这个Railscast通过Ajax提交表单并更新div而不重新加载页面,但我遇到了一部分问题.

Ryan $("#products").html("<%= escape_javascript(render(@products)) %>");在提交表单时在index.js.erb文件中更新了#productsdiv.我很难理解一个实例变量@products是否与我的情况相关,或者我是否可以简单地将其替换为URL.

我试图在这个截屏视频中做与Ryan相同的事情,但是我只想显示更新的值而不是显示搜索结果.

在show.html.erb我有:

<% @project.project_todos.order("created_at DESC").where(:status => false).each do |todo|%>

<%= form_for todo, :remote => true, :"data-replace" => "#dueon" do |f| %>
   <%= f.text_field :due %>
   <%= f.submit :class => "primary", :value => "Add" %>
<% end %>

<div id="dueon">
   <%= render "duedate", :todo => todo %>
</div>

<% end %>

部分_duedate.html.erb有一行:<%= todo.due %>

所以在我的index.js.erb中,我目前有这个:$("#dueon").html("<%= escape_javascript(render("_duedate")) %>");但它显然不起作用.我是否必须在此处使用变量代替_duedate？如果是这样,我将如何在控制器中设置它？我的意思是变量代表了什么？

此外,对于它的价值,部分正确渲染并显示todo.due值...它只是在我提交表单时不更新. …

我一直在玩弄 CSS 中的形状。我发现这一切都很好，直到您想将box-shadow或添加border到使用 a::before和::after伪元素创建的元素中。

这是我将一个由两个元素组成的加号 (+) 图标放在一起的示例。我试图box-shadow在两个元素上都加上 a ，但当然不希望最顶部元素（::after在这种情况下为 ）的阴影与底部元素重叠。

http://codepen.io/trevanhetzel/pen/Gsurk

有没有人发现任何巧妙的技巧？

顺便说一下，这是代码（Sass 和 Compass FTW！）

<a class="add"></a>

.add {
  position: relative;
  float: left;
  padding: 2em;
  background: green;
  &::before {
    content: "";
    position: absolute;
    left: 45%;
    top: 25%;
    width: 10%;
    height: 50%;
    background: #fff;
    @include box-shadow(-2px -2px 0px rgba(0, 0, 0, .75));
  }
  &::after {
    content: "";
    position: absolute;
    left: 25%;
    top: 45%;
    width: 50%;
    height: 10%;
    background: …

我从使用bjqs滑块(它的响应能力是低于的)切换到使用流行的FlexSlider.我修改了bjqs滑块以显示屏幕中心的"当前"图像,并在当前图像之前和之后(部分)显示上一个和下一个图像.您可以在此处使用bjqs滑块查看我的实现,以了解我所追求的内容.

现在使用FlexSlider,我无法找到一种方法来做到这一点.图像向左浮动,因此"当前"图像定位在容器的左侧.有人知道这样做的方法吗？

现在我只是使用FlexSlider的默认样式和标记,使用以下javascript:

  $('.flexslider').flexslider({
    animation: "slide",
    itemWidth: 850,
  });