問題:日程提醒(跟日歷一樣的切換效果),只用一個div來展示當天日程資料,每次清空div里的資料再加載資料,導致切換日期時,資料展示div有閃動,于是采用影片來進行過渡,這樣就巧妙地避免了閃動;
$("#siteInfo").hide(function () { $("#siteInfo").empty(); getSite();}).fadeIn();但由于影片有完成時間,導致頻繁切換日期的時候出現了影片累積的現象,操作停止后累積的影片仍在繼續,這樣的用戶體驗感是很差的,于是想到了stop()方法來停止影片
$("#siteInfo").stop().hide(function () { $("#siteInfo").empty(); getSite();}).fadeIn();看起來不錯,但總覺得還差點什么,原來stop()只停止了第一個影片( [ hide() ] ),對于后續的多個影片( [ fadeIn() ] ... )就無能為力了;
然后看了一下stop()的語法:
$("element").stop([clearQueue][,gotoEnd]); clearQueue:bool,代表是否要清空未執行的影片佇列 gotoEnd:bool,有前一個引數才有此引數,代表將正在執行的影片直接跳到末狀態試試一個引數
stop(true)
它將后續影片全部清空了,頻繁切換的時候,它基本會保持在當前狀態,停止操作后完成最后一次資料加載,是可行的;
stop(false)
跟忽略它吧,什么效果也沒有
試試兩個引數
stop(false,false),跟stop()一樣
stop(false,true),第一個影片直接跳到末尾,接著繼續后面的影片,所以是不滿足效果的
stop(true,false),跟stop(true)一樣
stop(true,true),跳到第一個影片末尾,后續影片全部停止
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/34127.html
標籤:jQuery
上一篇:jQuery 原始碼分析(十四) 資料操作模塊 類樣式操作 詳解
下一篇:JqueryOn系結事件方法介紹
