簡體   English   中英

如何使用JQuery UI幻燈片效果無縫滑出一個div並在另一個div中滑動?

[英]How to use JQuery UI slide effect to seamlessly slide out one div and slide in another div?

我在用

$( "#viewPort" ).effect( "slide", hideoptions, 1000, callback )

滑出“viewPort”div,並在callback()函數中我通過調用將新div滑入顯示

$( "#viewPort2" ).effect( "slide", showoptions, 1000 )

var hideoptions = {  "direction" : "left",  "mode" : "hide";

var showoptions = {"direction" : "right","mode" : "show"};

問題在於它不是無縫過渡:首先內容滑出而留下一個空白區域然后新內容滑入。

有沒有辦法避免空白顯示?

這是因為你在#viewPort效果的回調中調用#viewPort2的效果。 這意味着只有在#viewPort的效果完全結束后才會出現。 嘗試在#viewPort上的#viewPort2之后調用效果,例如:

$( "#viewPort" ).effect( "slide", hideoptions, 1000); //notice, no callback
$( "#viewPort2" ).effect( "slide", showoptions, 1000);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM