캐시 때문에 망 (크롬 주의)

HTML을 여러 개로 쪼갠 뒤,

Javascript로 필요할 때만 부르게 코드를 짰다.

즉, 한 번이라도 필요하면 쪼개 놓은 HTML 조각을 읽어들이고 그것을 바탕으로 UI 요소(event handler 등)를 만들게 했다.

그리고 HTML 조각 내의 div 중 일부의 name/id를 바꿨다.
(Visual Studio의 리팩터링->이름 변경 같은 게 있으면 얼마나 좋을까!)

그랬더니 (크롬에서) jQuery가 이름을 못 찾는다. (undefined라니 그게 무슨 소리요!)

아무리 뜯어보아도 이상이 없어 IE10으로 실행했더니 된다.

아하 캐시 문제구나.

크롬으로 조각난 HTML (part.html)을 한 번 열어 새로고침 한 후, 원래의 페이지(index.html)를 여러 다시 실행하니 잘 된다.

index.html에서 돌아가는 javascript를 짤 때,

index.html이 아니라 part.html을 고쳤기 때문에 인식을 못한 것인가?

그러면 IE에서는 왜 잘 됐는가?