다음지도 2개이상 탭형식으로 불러올때
본문
다음지도를 총 세개 불러왔습니다.
탭메뉴로 구성하였더니 첫번째 탭은 잘 나오지만 두번째 세번째는 지도 이미지가 아주 조금만 나오고 나머지는 로딩이 안됩니다.
어떻게 해야 할까요?
현재
<script type="text/javascript">
$(document).ready(function() {
$("#tabs-1").show();
$("#tabs-2").show();
$("#tabs-3").show();
$("#tab11").click(function() {
$("#tabs-1").show();
$("#tabs-2,#tabs-3,#tabs-4").hide();
$("#tab11").addClass("port_back");
$("#tab22,#tab33,#tab4").removeClass("port_back");
});
$("#tab22").click(function() {
$("#tabs-2").show();
$("#tabs-2").css("diplay","block !important");
$("#tabs-1,#tabs-3,#tabs-4").hide();
$("#tab22").addClass("port_back");
$("#tab11,#tab33,#tab4").removeClass("port_back");
});
$("#tab33").click(function() {
$("#tabs-3").show();
$("#tabs-1,#tabs-2,#tabs-4").hide();
$("#tab33").addClass("port_back");
$("#tab11,#tab22,#tab4").removeClass("port_back");
});
$("#tab44").click(function() {
$("#tabs-4").show();
$("#tabs-1,#tabs-2,#tabs-3").hide();
$("#tab4").addClass("port_back");
$("#tab11,#tab22,#tab3").removeClass("port_back");
});
});
</script>
이런식으로 구성해놓은 상태입니다
