js很難定位div圍繞一個圓圈

我有幾個不同類的div，幷包含幾個子div - 每個代表一個桌子上的客人。每個主分區代表餐廳餐桌類型。我已經準備的jsfiddlejs很難定位div圍繞一個圓圈

在它我顯示2的表類型 - 一個是正方形和其他表型是圓。對於這兩個我有相同名稱的客人數量，但都顯示相同的js代碼不同的結果。圓圈一個安排了divs，但在廣場上一個客人的名字相互重疊。這是js代碼的順序圍着桌子子div

$(document).ready(function(){ 
$('.circleBase').each(function(){ 
var d = $(this).attr("id"); 
var tbltype = $(this).attr("tbltype"); 
var elems='';  
var x = 0, y = 0, angle = 0;  
var rot = 0; 
if(tbltype==="1"){ 
    var elems = document.getElementsByClassName('info_container22 square'); 
    var totContent = $(this).find(elems).size(); 
    var increase = Math.PI * 2/totContent; 
    for (var i = 0; i < elems.length; i++) { 
    var elem = elems[i]; 
    x = (115 * Math.cos(angle) + 40); 
    y = (95 * Math.sin(angle) + 57); 
    elem.style.position = 'absolute'; 
    elem.style.left = x + 'px'; 
    elem.style.top = y + 'px'; 
    angle += increase; 
} 
}  
if(tbltype==="0"){ 
    var elems = document.getElementsByClassName('info_container22 circle'); 
    var totContent = $(this).find(elems).size(); 
    var increase = Math.PI * 2/totContent; 
    for (var i = 0; i < elems.length; i++) { 
    var elem = elems[i]; 
    x = (115 * Math.cos(angle) + 40); 
    y = (95 * Math.sin(angle) + 57); 
    elem.style.position = 'absolute'; 
    elem.style.left = x + 'px'; 
    elem.style.top = y + 'px'; 
    angle += increase;  
}  
    }  
});   
});

請告知什麼是錯的代碼，爲什麼同樣的div表現不同勢的方式

預先感謝您的任何幫助或建議。和別的東西 - 從上面淨是採取和我歡迎任何短版的代碼..

來源

2013-12-20 thecore7

你方tbltype設置爲0

來源

2013-12-20 16:48:12 Luca

盧卡，其實你是很正確的:)後，我改變了secont DIV tbltype到1它修復了問題在jsfiddle，但這是複製/粘貼錯誤，當我設置示例。在網站上，錯誤是不存在，但仍然有相同的順序問題..你在代碼中看到任何其他可能的原因嗎？ – thecore7

不，你的代碼是好的，小提琴能正常工作。你可以嘗試記錄你的tbltype ===「1」條件，看看它是否是真的; – Luca

我明白了，好的，非常感謝！ – thecore7

js很難定位div圍繞一個圓圈

回答

相關問題