JQuery：幻燈片不能按預期工作

這將有望成爲一個簡單的：我有一個div，當頁面加載時我想滑入屏幕。JQuery：幻燈片不能按預期工作

我試圖找出爲什麼這個工程：

$(function() { 
    $('.mydiv').slideDown(500); 
});//END ONLOAD

但不是這樣的：

$(function() { 
    $('.mydiv').show('slide', { direction: 'down' }, 500); 
});//END ONLOAD

誰能給我一些建議嗎？謝謝！

（PS：CSS是.mydiv {顯示：無;}

來源

2012-06-16 MeltingDog

因爲字符串'slide'不是有效的持續時間？看看[API文檔]（http://api.jquery.com/show/）。 –

是的，show的原型是.show（[duration]，[easing]，[callback]）。您可以傳遞的唯一有效字符串是「快」或「慢」。您在easing參數中發送的對象不正確。你需要傳遞一個字符串：「擺動」或「線性」。最後，回調方法不能是數字，這是一種方法。您應該將500值放在'幻燈片'現在的位置，輸入有效的緩動方法，並刪除最後一個參數，因爲您沒有定義回調函數。 – chrisvillanueva

爲show方法狀態jQuery的API文檔，該節目的方法defintions如下：

.show() 
.show(duration [, callback]) 
.show([duration] [, easing] [, callback])

其中：

duration - A string or number determining how long the animation will run. 
easing - A string indicating which easing function to use for the transition. 
callback - A function to call once the animation is complete.

使用顯示正確的實施將

.show(500);

來源

2012-06-16 01:08:01

酷感謝賈森。 .show（500）;效果很好。但是，如何讓它從左或右滑動？ – MeltingDog

使用animate（）或我從jQuery UI中概述的show（）方法接受效果參數 – charlietfl

jQuery核心不包含show()方法的效果，但jQueryUI將show()擴展爲效果。你顯示的代碼會要求你將jQueryUI庫（或組件）和jQuery一起包含進去。

show(effect, [options], [speed], [callback])

jQuery UI show() docs

來源

2012-06-16 01:27:39 charlietfl

JQuery：幻燈片不能按預期工作

回答

相關問題