小编vin*_*ceh的帖子

JQuery动画边框没有移动div

我想通过首先使它的边框在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'"实际上并没有被调用.

我不确定我的描述是否有意义,如果需要我可以提出原型.

jquery mouseenter jquery-animate

9
推荐指数
2
解决办法
4498
查看次数

jQuery队列,它是如何工作的?

我很难弄清楚队列在jQuery中的工作方式,特别是fx队列.我想做的是:

一个接一个地动画多个不同的元素

先看看这个小提琴.单击该按钮时,两个元素都将被设置动画.现在我知道我可以做这样的小提琴,我将动画放在第一个动画的回调中,但这不是一个选项,因为我有一个情节,我有一个动画池,我想任意运行其中任何一个都按特定顺序排列.例如,我可能有动画A,B,C,D和E,它们都会动画不同的元素.有时我会想按B-> A-> C的顺序执行,另一次我可能想要A-> B-> C.

如何使用队列来实现此功能?

javascript queue jquery jquery-animate

5
推荐指数
1
解决办法
615
查看次数

轻量级Rails 3 WYSIWYG编辑器

正如标题所述,我正在寻找一个轻量级的Rails 3(.1)WYSIWYG编辑器.我不想安装一堆插件,它应该通过Gem.它也不一定非常丰富(不需要图像上传等).

我已经尝试过GitHub上的2个tinymce插件,但它们都没有真正起作用.令人沮丧的是,它们似乎并不是为Rails 3.1+构建的.

有什么建议?

tinymce ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.1

3
推荐指数
1
解决办法
4415
查看次数

等待动态子图像完成加载

假设我有这样的情况:

$(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).只是想就这件事得到一些意见.

javascript jquery

1
推荐指数
1
解决办法
1731
查看次数

Rail 3自定义环境变量

我们如何在Rails 3.1中创建自定义环境变量?

例如,在我的邮件程序中,我可能希望在开发模式期间从emailA@domain.com发送电子邮件,但我想在生产期间从emailB@domain.com发送电子邮件.

我试着像这样,但得到一个错误说的变量未初始化.

谢谢 :)

ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.1

0
推荐指数
1
解决办法
698
查看次数