[자바스크립트] 이벤트시 동기화되어 펑션들이 실행되지 않는 경우

자바스크립트에서 이벤트호출시 Callback Function이 종료되기 까지 

이벤트가 실행이 되지 않는다...

이런 경우에는 비동기로 작업을 처리해야한다...

$('#example3 tbody').on( 'click', '.transportzone, .tenant', function () { var $this = $(this); $("#logical_topology").empty(); $("#example3 tbody td").css("font-weight","normal") $("#example3 tbody td").css("background-color","white") $(this).css("font-weight","bold") $(this).css("background-color","#FAF4C0") $("#logical_topology").append("<div id='load'></div>") $("#load").css("position", "absolute"); $("#load").css("width", "100%"); $("#load").css("height", "100%"); $("#load").css("background", "url('/images/loading.gif') no-repeat center center"); $("#panel_topology").removeClass("hide") var afterCallback = function(){ if( $this.attr("class").indexOf( "transportzone") != -1){ var id = $this.attr( "transportzone_id"); $("#panel_topology").find("h2").text("Logical Topology") //var id = table.column( this ).data(); $("#logical_topology").empty(); topologyComponent.logicalTopology.render( id); $("#panel_topology").removeClass("hide"); } else{ var id = $this.attr( "tenant_id"); var json = AJAX.submitJson( null, webConfig.getHostName() + "/rest/v1/overlay/tenants/"+ id +"/underlay/servers", null, null, "1000"); var hostId = [] for(var i = 0; i < json.physicalNodes.length; i++){ hostId.push( json.physicalNodes[i].id) } $("#panel_topology").find("h2").text("Physical Topology") $("#logical_topology").empty(); topologyComponent.physicalTopology.render( "logical_topology"); $("#panel_topology").removeClass("hide"); topologyComponent.physicalTopology.selectHost( hostId) } $("#load").remove(); } setTimeout(afterCallback); } );