jquery缓动问题

发布于 2024-10-07 19:05:17 字数 729 浏览 6 评论 0原文

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

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

有什么想法吗?

   $('.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 来测试它...

I have what I thought was a simple piece of jquery, but it's turning out to be a pain.

The slideUp part of this works fine, but it doesn't then slide down... It does work though if I take out the easing part of the slideUp.

Any ideas?

   $('.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 is hidden initially.

Changing the line to this works which is why I am finding it a little odd...

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

I'm using Safari and firefox on a mac to test it...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

绝影如岚 2024-10-14 19:05:17

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

从手册中:

.slideUp([
持续时间]、[缓动]、[回调])
添加版本:1.4.3

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

.slideUp([持续时间],[回调])

使用 1.4.4 的示例:

http://www.slideUp([duration],[callback]) jsfiddle.net/gMNL8/1/

示例不适用于 1.2.6

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

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

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

It depends on the version of jQuery you're using.

From the manual :

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

It means that if your version is < 1.4.3, it will only understand this :

.slideUp( [ duration ], [ callback ] )

Example working with 1.4.4 :

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

Example not working with 1.2.6

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

Source : http://api.jquery.com/slideUp/

notes : on my examples => .myDiv2 is hidden to begin with.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文