[英]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.