我是棱角分明的新手,我正在创建一个简单的应用程序.它在项目之间导航,通过JSON拉入:
http://plnkr.co/edit/FTfa1rcVaf85xTu65oSR?p=preview
我也在使用工厂,在那里我打电话,get或者getOne,这样它$http在一个地方处理,只有在数据尚未被提取的情况下才调用它.
当你在主页上开始时这一切都很好,但是当你在一个单独的项目页面上开始时,两个get并且同时getOne被调用,拉入重复的数据.您可以通过在其自己的窗口中打开Plunker并转到诸如的URL来测试/#/projects/1.
我知道为什么会这样,我只是无法弄清楚如何阻止它.
有没有一个简单的解决方案或我是否完全错误的方式?
谢谢参观.
我意识到 CSS 转换始终适用于添加的类,而不是删除的类。但我想知道我的问题是否有一个优雅的解决方案。我有一组框,当悬停时,它们会变成一个圆圈。当按下按钮时,它们会增大/缩小。
我希望它们缓慢地生长和收缩,但迅速变成圆形/方形。
此刻,它们慢慢地变大变小,迅速地变成圆形,又慢慢地变回正方形。这当然是因为框的 CSS 过渡持续时间设置为慢速,因此当删除圆类时,它们会恢复到原始速度。我提出了一个可行的解决方案(此处未包含),setTimeout用于暂时添加“快速”类并将其删除。它确实解决了问题,但对我来说感觉很丑陋。
你们有没有遇到过这个问题并想到更好的方法?或者这只是超出了 CSS 转换的范围?
CSS:
.box {
background: red;
width: 100px;
height: 100px;
margin: 10px;
-webkit-transition: all 2s;
}
.big {
width: 300px;
}
.circle {
background: blue;
border-radius: 50px;
-webkit-transition-duration: .5s;
}
Run Code Online (Sandbox Code Playgroud)
jQuery:
$('.box').on('mouseenter', function() {
$(this).addClass('circle');
})
$('.box').on('mouseleave', function() {
$(this).removeClass('circle');
})
$('.makeBig').on('click', function() {
$('.box').toggleClass('big');
})
Run Code Online (Sandbox Code Playgroud)
HTML:
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<button class="makeBig">Grow!</button>
Run Code Online (Sandbox Code Playgroud)
js小提琴:
我有一些变形目标工作:
https://jsfiddle.net/3wtwzuh3/2/ (使用滑块控件查看变形)
但是,我希望能够在变形后访问顶点的新位置。如果您在链接的示例中注意到,我正在显示立方体第一个顶点的 y 坐标并且它没有更新!
// This Y vertex doesn't seem to update!
elInfo.innerHTML = geometry.vertices[0].y;
Run Code Online (Sandbox Code Playgroud)
是否有可能获得新职位?我试过设置各种标志,但没有运气。
谢谢!
请注意,此示例仅用于解决问题,在我的实际项目中它稍微复杂一些(我需要顶点数据!)。