看過 上一回 [https://blog.hinablue.me/entry/jquery-queue-and-sure-your-stop-really-stop/]
的問題之後,我們接著看 queue() 與 dequeue() 在核心中做了甚麼事情:
jQuery.extend({
queue: function( elem, type, data ) {
if ( !elem ) {
return;
}
type = (type || "fx") + "queue";
var
前陣子例用 queue 做了許多東西,慢慢的發現,原生的 stop() 並非我想像中的樣子。
* 使用任何的動態效果,或是 delay() 這樣的效果,stop() 能使之停止。
* 使用 queue(),stop() 能使之停止。
* stop() 可以傳入兩個布林值,一個是 clearQueue,另一個是 JumpToEnd。
然而,我卻發現事實上並不是這樣。
* stop() 僅可停止單一動態動態效果,若連續使用並不會停止後續動作。
例如:$('div').animate(
今天工作的時候,為了要在畫面上加入一些動態效果,並且讓他循序自動執行。所以有這方考量:
* 使用 setTimeout 或是 setInterval
* 利用 animate 可以延遲的方式重新呼叫
* 使用 queue
首先我嘗試了第一個方法,將要執行的東西,包成 function,然後利用 setTimeout 或是 setInterval
呼叫。很好,他可以運作了,但是我遇到另一個問題,當我需要中斷他,或是暫停的時候,用這種方式呼叫就相對的麻煩。因為我加入了動態(Effect)的效果,如果直接強制中斷,那該怎麼知道他做到
其實在許久之前,我有 寫過一篇
[https://blog.hinablue.me/entry/css-tech-blueprint-css-framework-simple-howto/] 關於
Blueprint CSS [http://www.blueprintcss.org/]
的介紹了,但是我覺得還是有些地方稍嫌不足。特別是今天為了要找一些東西,又繼續看了 Blueprint CSS
[http://www.blueprintcss.org/],覺得上次那一篇時在是寫的不夠,所以就來補充一下。
特別提一下這個,Blueprint CSS How To
最近很多地方都免費,所以趁著天氣好,去鶯歌老街逛逛。當然主要是要去陶瓷博物館,以前要收費的時候是每人 100 元,陶瓷研習或體驗,每人好像是 50
元吧!現在是免費,當然要去玩一下啊!
先是去老街散步,這是一間下午茶店的門口。
[http://www.flickr.com/photos/hinablue/4320297799/]
有個水塘,很妙,還蠻漂亮的地方。
[http://www.flickr.com/photos/hinablue/4320300329/]
陶瓷博物館的後門進去之後,