更改所有圖標向下旋轉到一個

我目前有一個巨大的「審計點」表，其中一些點是「自動的」。如果他們是自動的，他們會在他們的行中收到一個齒輪圖標齒輪圖標不是每行接收的唯一圖標。每一行，無論是自動還是不接收兩個其他圖標，一支鉛筆和一個切換按鈕。當自動點「運行」時，齒輪圖標旋轉，直到完成「運行」。我已經實現了一些代碼來一次運行所有這些點，但我有一個小問題。當你點擊我的按鈕來運行所有這些點時，我提到的所有三個圖標都會旋轉，這不是我正在尋找的結果。該行在我的代碼片段中註釋掉了（它是匹配的括號）將阻止代碼運行所有的自動化點。註釋掉該行是導致所有圖標旋轉的原因。我知道這一行是必需的，以使自動點正確運行，因爲它用於自動點的單次執行，我只是不知道要改變它。它顯然不應該被點擊，因爲你不再點擊齒輪圖標來得到一個點運行我只是不知道要改變它，但該點擊功能中的類與齒輪圖標有關。更改所有圖標向下旋轉到一個

希望這是一個很容易解決的問題，不會浪費任何人的時間。謝謝！

private updateAuto() { 
     var self = this; 
     $(".auditPointRow").each(function() { 
      //self.el.on("click", ".update, .edit", function() {      
       var row = $(this).closest(".auditPointRow"); 
       var id = row.data("id"); 
       var automated = (<string>row.data("automated")).toLowerCase() == "true"; 
       var running = true; 
       if (automated && $(this).closest(".edit").length == 0) { 
        var gear = $(this).find(".fa"); 
        var maxTurns = 120; 
        gear.css("transition", "transform linear " + maxTurns * 2 + "s"); 
        gear.css("transform", "rotate(" + (maxTurns * 360) + "deg)"); 
        var request = $.ajax(self.root + "api/sites/" + self.site.ID + "/auditpoints/" + id, { 
         "type": "PATCH", data: JSON.stringify([ 
          { 
           Op: "Replace" 
           , Path: "/score" 
           , Value: "run" 
          } 
         ]) 
        }); 
        request.done(function() { 
         gear.css("transition", "").css("transform", "rotate(0deg)"); 
         row.prev().find("td").css("background-color", ""); 
         if (row.prev().qtip("api")) { 
          row.prev().qtip("api").destroy(true); 
         } 
        }); 
       } 
      //} 
     }); 
    }

來源

2016-08-18 BlueBarren

這真是太過於誇張了..只需應用一個旋轉的CSS類並刪除就足夠了。不是嗎？ – Pogrindis

@Pogrindis還有一些其他的東西，我決定不提，因爲它與旋轉問題無關 – BlueBarren

我想我找到了解決我的問題的方法。我再次使用.each來檢查所有的「齒輪」，只能旋轉它們。

private updateAuto() { 
    var self = this; 
    //$(".auditPointRow").each(function() { 
     $(".update, .edit").each(function() {      
       //Left out the rest of the code so this answer isn't too 
       //long, none of it changed if that matters. 
     }); 
    //}); 
}

出於某種原因，導致運行速度非常慢（但運行速度！），我不知道爲什麼，所以如果任何人有任何更好的建議/優化，請隨時離開這裏的。

編輯：我意識到我沒有通過.each兩次，這就是減慢下來，所以我先刪除了每個審覈點，然後只是用齒輪代替。

來源

2016-08-19 13:35:12 BlueBarren

更改所有圖標向下旋轉到一個

回答

相關問題