Category Archives: jQuery

[jQuery]Deferred Object

在開發網頁時,常常會運用到一些非同步的功能,當功能執行完畢時,可能會呼叫某些函式。 例如Ajax就是大家比較常用到的,但是jQuery在Ajax的使用方面較為複雜(巢狀的結構),例如:

因此jQuery設計了Deferred Object方便這方面的操作

Deferred Object建立

Deferred Object狀態 Deferred Object有三種狀態

Pending:Operation 處理中 Resolve:Operation 處理成功 Reject:Operation 處理失敗

可以利用Deferred.state()查看現在狀態

Deferred Object使用方法

Deferred Object $.when()

Deferred Object $.when() 陣列

Continue Reading

[jQuery]Accordion element.style

在Accordion中,下層的div會自動加上element.style的css

最近遇到一個狀況,在同一頁面同時使用Accordion和其它外部的jQuery UI套件時

element.style的height屬性都會變成0,導致手風琴無法展開(正常情況下會是div原本的高度)

經過查證,如果把另外的jQuery UI套件拿掉就又正常了

不過要從一個jQuery UI套件裡找出哪邊有問題又很麻煩和費時

其實只要針對Accordion的autoHeight下手就可以(拿掉autoHeight,直接使用原先你所預訂的高度就好)

Continue Reading

[jQuery]隨著捲軸移動的廣告視窗

在一些大陸網頁常會看到有些廣告視窗是隨著你的捲軸移動

這種功能可以用jQuery實作出來,參考了網路上大大的做法,重新再實作一次讓整個畫面流暢一點

CSS:

HTML:

javascript:

Continue Reading

[jQuery]jQuery ready與load的差別

一般來說我們在寫jQuery時都會加入

其中一段的程式碼來等網頁載入完成後再執行

那ready跟load的不同之處在於…

ready:網頁本身的HTML載入完成後,就開始執行

load:網頁引用的圖檔、flash等內嵌的物件等載入後才會執行

Continue Reading

[jQuery]:last

目前我是有在動態新增表單時有用到

last簡單講就是選到該類別最後一個物件

HTML:

jQuery:

執行結果就是789變成紅色

Continue Reading