我想通过首先使它的边框在mouseenter上使其厚度增加5px,然后在mousele上减少5px的边框来设置div的动画效果,但棘手的部分是我不希望div看起来像是在移动(如果你只是动画边界,整个div看起来会变化,而不仅仅是越来越厚的边界.我非常接近,但我最后一部分就停留在了:mouseleave.到目前为止我所拥有的是:
$("#thumbdiv<%=s.id.to_s%>").bind({
mouseenter: function(){
$(this).animate({
borderRightWidth: "25px",
borderTopWidth: "25px",
borderLeftWidth: "25px",
borderBottomWidth: "25px",
margin: "-5px"
}, 500);
},
mouseleave: function(){
$(this).animate({
borderRightWidth: "20px",
borderTopWidth: "20px",
borderLeftWidth: "20px",
borderBottomWidth: "20px",
margin: "0px"
}, 500);
}
});
Run Code Online (Sandbox Code Playgroud)
在此之前我将边框设置为20px,边距未设置,因此它是0px.div在mouseenter上动画很好,我可以让边框更粗而没有div实际移动到位,但是当mouseleave被触发时,div将首先将自身重新定位到该位置,就像从未调用"margin -5px"一样,然后缓慢地减少它的边界,似乎"magin:'0px'"实际上并没有被调用.
我不确定我的描述是否有意义,如果需要我可以提出原型.
正如标题所述,我正在寻找一个轻量级的Rails 3(.1)WYSIWYG编辑器.我不想安装一堆插件,它应该通过Gem.它也不一定非常丰富(不需要图像上传等).
我已经尝试过GitHub上的2个tinymce插件,但它们都没有真正起作用.令人沮丧的是,它们似乎并不是为Rails 3.1+构建的.
有什么建议?
假设我有这样的情况:
$(window).load(function() {
$("body").append("<div id='container'></div>");
var i=1;
for ( i=1; i<=10; i++ ) {
$("#container").append("<img src='img"+i+".jpg'></img>");
}
});
Run Code Online (Sandbox Code Playgroud)
这将加载10个可以是不同大小的随机图像(img1.jpg ... jp10.jpg).现在让我们说我需要这些图像中的一些属性.例如,10个加载图像的总高度组合.这需要在我们使用之前加载所有图像.height().
现在的问题是:
在开始计算之前,我怎么能等到所有图像都装满?或者更一般的是,在执行函数之前,我怎么能等到某个给定容器中的所有图像都被加载?
使用1个图像,我可以使用.load()并具有回调功能.但是有了多个图像,似乎并不容易.一种解决方案是向添加.load()到计数器的每个图像添加一个,并且一旦该计数器达到某个值,然后执行该函数.看起来有点hacky(但不是太hacky).只是想就这件事得到一些意见.
我们如何在Rails 3.1中创建自定义环境变量?
例如,在我的邮件程序中,我可能希望在开发模式期间从emailA@domain.com发送电子邮件,但我想在生产期间从emailB@domain.com发送电子邮件.
我试着像这样,但得到一个错误说的变量未初始化.
谢谢 :)