我正在寻找具有多个部分的解决方案yields.
在实例中我有这个视图结构:
基本application.erb(/views/layouts/application.erb):
<!DOCTYPE html>
<head>
<title>Some title</title>
</head>
<body>
<div class="page">
<%= yield %>
</div>
</body>
</html>
有些人干我的代码(/views/shared/content.erb):
<div class="content">
<div class="sidebar">
<%= yield :sidebar %>
</div>
<div class="main">
<%= yield %>
</div>
</div>
和控制器视图(/views/home/index.erb):
<%= render :partial => 'layouts/header' %>
<%= render :partial => 'shared/navigation' %>
<% # It is close to what I want to do %>
<%= render :layout => 'shared/content' do %>
<% content_for :sidebar do %> …我可以组合多个补间并使用一个简易功能运行它们吗？像这样的东西:
var el = $('#some-element');
var tw1 = new TweenMax.to(el, 1, {left: 100});
var tw2 = new TweenMax.to(el, 1, {left: 200});
var tw3 = new TweenMax.to(el, 1, {left: 300});
var tl = new TimelineMax({ease:Power2.easeOut})
.add(tw1)
.add(tw2)
.add(tw3);
我已经为这个问题制作了沙箱示例:http://codepen.io/panych/pen/qpjCK
那么如何使用常见的缓动来移动框？
UPD
新沙箱:
我们需要使用一个常见的缓动函数来移动第一个示例中的框,如第二个示例中所示,但不删除中间补间.
如何将一个时间轴放入两个不同的时间轴,然后能够单独播放以及播放"容器"时间线？
为了清楚我的意思,这里有4个时间轴的例子:2个简单,2个组合(也是jsFiddle上提供的交互式示例):
var moveRight = new TimelineMax({paused: true})
.fromTo(box, 1, {x: 0}, {x: 300});
var moveLeft = new TimelineMax({paused: true})
.fromTo(box, 1, {x: 300}, {x: 0});
var moveRightLeft = new TimelineMax({paused: true})
.add(moveRight.play()) // call `play` because timeline paused
.add(moveLeft.play());
var moveLeftRight = new TimelineMax({paused: true})
.add(moveLeft.play())
.add(moveRight.play());
在这个例子中,当我们尝试播放每个时间轴时,只有最后一个(moveLeftRight)可以工作.为什么会这样？我们能以某种方式玩任何时间表吗？
示例虚拟代码：
body {
background: white;
}
如何使用一个快捷方式选择整个代码块？最好是插入符号应该是|body, 或body {|, 或者只是在所需的行上。
有“Move Caret to Code Block End/Start with Selection”命令，但它实际上没有选择body和}。因此，在下一步中，您不能将整个块缩进Tab. 它并不适合这项任务。