jquery缓动问题

标签 jquery slideup jquery-easing

我有一个我认为是简单的 jquery 的东西,但事实证明它很痛苦。

该幻灯片的部分工作正常,但它不会向下滑动...但如果我取出幻灯片的缓动部分,它确实可以工作。

有什么想法吗?

   $('.clickableDiv').click(function() {
    $("<div style='background-image:url(../images/properties/images/bk-01.jpg); width:965px; height:398px;'><img src='../images/properties/text/bk.gif' width='965' height='398' /></div>").prependTo("div.myDiv2");

    $("div.myDiv1").slideUp(800, 'easeInOutSine', function() {
        $("div.myDiv2").slideDown(800, 'easeInOutSine');
    });    
});

myDiv2 最初是隐藏的。

将线路更改为有效,这就是为什么我觉得它有点奇怪......

$("div.myDiv1").slideUp(800, function() {

我在 Mac 上使用 Safari 和 Firefox 来测试它...

最佳答案

这取决于您使用的 jQuery 版本。

来自手册:

.slideUp( [ duration ], [ easing ], [ callback ] )
version added: 1.4.3

这意味着如果您的版本<1.4.3,它只会理解这一点:

.slideUp( [ duration ], [ callback ] )

使用 1.4.4 的示例:

http://www.jsfiddle.net/gMNL8/1/

示例不适用于 1.2.6

http://www.jsfiddle.net/gMNL8/2/

来源:http://api.jquery.com/slideUp/

注释:在我的示例中 => .myDiv2 首先是隐藏的。

关于jquery缓动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4427843/

相关文章:

jquery - 想用 jQuery 和 CSS 滑动固定区域

jquery - 如何使用 jquery slideDown 和 appendTo

图像的 jQuery 缓动不起作用

jQuery 缓动与 SlideUp 缓动功能

javascript - 将字符串转换为 jQuery 对象并添加属性

javascript - 由一条线连接的 Css3 响应圈?

javascript - JqueryUI 自动完成,自定义 renderItem 不起作用

Jquery 鼠标悬停在 div slideUp 上,鼠标移出 div slideDown

jquery - localScroll 并缓解滚动问题

javascript - 如何使用 Jquery 为按钮设置样式