台灣最大程式設計社群網站
線上人數
796
 
會員總數:244996
討論主題:188957
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> 使用判斷動畫的方法
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
使用判斷動畫的方法
價值 : 30 QP  點閱數:531 回應數:2

樓主

肉肉
初學者
55 7
136 19
發送站內信

if($(element).is(":animated")){ //判断元素是否正处于动画状态
//如果当前没有进行动画,则添加新动画
}
我在網路上看到很多相關的文章,但是都沒有盜出個所以然,請問大大們可以舉出幾個例子讓我參考是怎樣使用這個函數的,感謝。
PS.因為本人還是新手,所以有些需要詳盡的解說才會了解。







搜尋相關Tags的文章: [ jQuery判斷動畫 ] ,
本篇文章發表於2016-03-23 10:02
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
不錯的參考

彩虹
檢舉此回應
is()的用法有點像是「是否存在」、「是否為xxxx」
他的回傳値為Boolean,也就是「true」或「false」

所以「$(element).is(":animated")」
代表著「該element元素是否正處於animated動畫狀態)」

以下是範例


另外,我想問一下你另一篇文章「圖片輪播按鈕」的問題是否解決了
http://blueshop.com.tw/board/FUM20140918113025PVD/BRD20160322141349E48.html
不要還沒解決就急著問下一個問題...
本篇文章回覆於2016-03-23 13:29
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
這需要說明jquery的相關函數及定義的方式。

jquery的is()。它的用法是判斷指定的元件是否符合。符合的話就會回傳為「真」
而指定元件中,我們可以在元件內加入特殊的語法。這是jquery特有的元件指定式


$("input") 則是代表取得所有的input元件
$("input[name='test']") 則是代表name名稱是test的input元件。
$("input:checked") 則是代表有選定的input元件。(一般這類的元件其type因該是checkbox或是raido)

同理。我今天要知道該元件是否正處於動畫處理中。
那就是用
$("input:animated")來判斷。

前面的input代表的是指定元件。其中如果是有加「#」號的就是代表依id來取得元件。「.」符號的就是依class來取得元件。
不加任何符號的就是代表標簽名。

如以下的html

<input name="test1" />
<input class="input" name="test2" />
<input id="input" name="test3" />

$("input").css('color','red'); //這個會將其上面三個元件都變字色為紅色
$("#input").css('color','red'); //這個第三個id名是inpur元件變字色為紅色
$(".input").css('color','red'); //這個第二個id名是inpur元件變字色為紅色

說那麼多,不知道你是否覺得有點離題了呢??
其實下面才是基本的。

上面有說了,is其實就是判斷元件是否存在的意思。

所以我們搭配 $(element).is(":animated") 的意思。就是代表說找目前element這個元件,是否有存在animated
白話點來講。就是指該元件是否還有正在動畫中。然後你就可以來決定要做的事。

附帶一提,is函數也是可以帶入函數處理的。這樣可以特殊應用。

$(element).is(function(){

})
不過這部份你可以先不要了解,因為要知道的東西還很多。

其實#1給你的程式碼已經有大略告訴你主要的來源。只不過他是用偏歷的方式。
我是比較擔心你比較不明白。我大約修改一下



另這堶n解釋$(this)這個是什麼。一般來說就是當前元件的意思。
簡單來講,就是該控制事件作用中的元件。

由於我是宣告為$( "div" )的click事件。
所以當某個div按下去的同時。$(this)就是代表你目前按下的這個元件。

以上的說明看看是否可以了解吧,不了解再問
本篇文章回覆於2016-03-23 16:19
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.