將相同的數學公式應用於多個jQuery值

代碼應解釋更多我想要做的事情。我有多個值作爲javascript變量，然後通過等式進行處理以計算屏幕上的圓的大小。將相同的數學公式應用於多個jQuery值

當前我正在重複方程式並編號所有變量以匹配原始圓圈數，是否有一種方法是通過此方程運行原始變量而不必爲每個圓圈重複相同的代碼？

這裏是代碼...

$(document).ready(function() { 

     circle1 = 914; 
     circle2 = 600; 

     G1 = circle1/Math.PI; 
     H1 = Math.sqrt(G1); 
     J1 = Math.round(H1*20); 

     J1margin = J1/2; 

     $('.circle1').animate({"height":J1, "margin-top":"-"+J1margin, "width":J1, "margin-left":"-"+J1margin}); 

     G2 = circle2/Math.PI; 
     H2 = Math.sqrt(G2); 
     J2 = Math.round(H2*20); 

     J2margin = J2/2; 

     $('.circle2').animate({"height":J2, "margin-top":"-"+J2margin, "width":J2, "margin-left":"-"+J2margin}); 

});// JavaScript Document

希望你能明白我的意思。它可能是一個非常簡單的解決方案，但我無法將我的問題足夠好地通過Google獲得答案。謝謝！

來源

2015-05-14 bboybeatle

你聽說過關於編程的新功能調用的函數？ – madalinivascu

創建一個接受某些參數（分別爲circle1，circle2 ..和G1，G2，H1，H2）的函數，它將爲您完成所有工作？ – trainoasis

使用功能：

function animateCircle(radius,el) { 

     G = radius/Math.PI; 
     H = Math.sqrt(G); 
     J = Math.round(H*20); 

     Jmargin = J/2; 

     $(el).animate({"height":J, "margin-top":"-"+Jmargin, "width":J, "margin-left":"-"+Jmargin}); 
} 
animateCircle(914,'.circle1'); 
animateCircle(600,'.circle2');

來源

2015-05-14 11:24:57 madalinivascu

謝謝！我知道這是一個非常基本的問題，但我是一名設計師而不是開發人員！ – bboybeatle

更好地開始發展成爲一名開發人員 – madalinivascu

將相同的數學公式應用於多個jQuery值

回答

相關問題