JQuery 플러그인이 대부분의 브라우저에 표시되지 않습니다

Question

나는 드래그 가능한지도 (xy)를 표시하기 위해 JQuery 플러그인을 만들었습니다.

Firefox에서는 완벽하게 작동하지만 다른 브라우저에서는 버그가 있습니다.

버그 : 정상적으로 사이트가로드 될 때지도가 표시되어야합니다. 그러나 파이어 폭스를 제외한 모든 브라우저에는지도를 끌 때까지 검은 색 화면 만 있습니다. 그러면 이 작동합니다.

나는 그것을 고칠 수있는 단서가 없습니다.

예 : http://jsfiddle.net/X42Wf/

난 당신이 (안 파이어 폭스 포함) 예를 살펴하지 않을 경우, 내가 무슨 뜻인지 이해를 실행 한 다음 검은 색 출력을 끌어 바랍니다.

Answer 1

innerDiv.css('left')은 초기화시 (첫 번째 끌기를 의미) auto으로 설정됩니다. 또한

jQuery('<div/>', { 
    id: 'GameMap', 
    height: o.InnerDivHeight, 
    width: o.InnerDivWidth, 
    css: { 
     left: 0, 
     top: 0 
    } 
}).appendTo(obj); 

---

이와

jQuery('<div/>', { 
    id: 'GameMap', 
    height: o.InnerDivHeight, 
    width: o.InnerDivWidth 
}).appendTo(obj); 

: 그래서 getVisibleTiles 기능에, mapX 당신은 그냥이를 편집해야하므로 루프의 더블

실행되지 NaN 같음 , IE에 대한 부작용을 피하려면 두 예제와 같이 객체 선언이 끝날 때 뒤에 쉼표를 제거해야합니다.

jQuery('<div/>', { 
    id: tileName, 
    style: "some CSS string", // <----- remove this comma or it will break on IE 
}).appendTo(innerDiv).text(tileName); 

jQuery('<div/>', { 
    id: 'GameMap', 
    height: o.InnerDivHeight, 
    width: o.InnerDivWidth, // <----- this one too 
}).appendTo(obj);