JQuery中的「旋轉」類

是否有一種構建方式可以「旋轉」類似於切換類的JQuery中的類列表？JQuery中的「旋轉」類

例如：

$("#MyElt").rotateClass("Cl1 Cl2 Cl3"); 
$("#MyElt").rotateClass("Cl1 Cl2 Cl3"); 
$("#MyElt").rotateClass("Cl1 Cl2 Cl3"); 
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");

上MYElt類的每次通話後的狀態應該是：

Cl1 
Cl2 
Cl3 
NO CLASS

來源

2012-02-18 Tom Hubbard

您是在尋找水平旋轉還是垂直旋轉？ – 2012-02-18 13:49:46

@SivaCharan不是視覺旋轉，更多的是通過類列表循環。的 – 2012-02-18 13:54:03

可能重複[jQuery的：通過一組類旋轉元件（http://stackoverflow.com/questions/8402350/jquery-rotating-elements-through-a-set-of-classes） – 2012-02-18 14:06:23

爲了您的快速參考，我粘貼了代碼jQuery: Rotating elements through a set of classes。

我想，這應該對你有幫助。

$.fn.rotateClass(/* pass multiple class names here */) { 
    for (var i = 0; i < arguments.length; i++) { 
     if (this.hasClass(arguments[i])) { 
      this.removeClass(arguments[i])); 
      i++; 
      if (i >= arguments.length) { 
       i = 0; 
      } 
      this.addClass(arguments[i]); 
      return(this); 
     } 
    } 
    // none found so set the first class 
    if (arguments.length > 0) { 
     this.addClass(arguments[0]); 
    } 
    return(this); 
}

來源

2012-02-18 13:57:38

謝謝！這將教會我使用Google搜索而不是SO搜索。 – 2012-02-18 14:03:18

難道不應該是'$ .fn.rotateClass =函數（）{...'？ – Mahn 2013-01-31 23:58:43

檢查也是我的版本的插件在這裏：http://stackoverflow.com/a/14637729/1329367 – Mahn 2013-02-01 00:35:38

使用hasClass()和toggleClass，你可以讓你自己的。

來源

2012-02-18 13:50:33

JQuery中的「旋轉」類

回答

相關問題