요소에 연결된 이벤트 처리기를 발생 시키십시오.

Question

요소 (#scheduleLink)에 연결된 이벤트 처리기를 발생 시키려고합니다.

$(document).ready(function() { 
    loadPublicationTab(); // load partial veiw via ajax 
    var tab = "@Model.ActiveTab"; 

    if (tab === "#scheduleLink") { 
     $("#scheduleLink").trigger('click'); 
     alert("true"); 
    } 
    else { 
     alert("false"); 
     loadPublicationList(-1, 1); 
    }   
}); 

function loadPublicationTab() { 
    $(".wrap_tabs").load("/Publication/GetPublicationTab?mainPage=" + false + "&isEvent=" + true); 
} 

가 loadPublicationTab 다음을 반환 : 다른 페이지와 triger에 위치한 #scheduleLink이 작동하지

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#scheduleLink").click(function() { 
      loadScheduleEvent(); 
      $(".wrap_tabs").find("a").removeClass("active"); 
      $(this).addClass("active"); 
     }); 
    }); 
</script> 
// other html 

나는 다음과 같은 JS있는 페이지 (PAGE1)가 있습니다. 이 작업을 올바르게 수행하는 방법은 무엇입니까?
감사합니다.

Answer 1

loadPublicationTab 함수는 비동기 적으로 작동합니다. 따라서 #scheduleLink은 document.ready에로드되지 않습니다. 당신은 이벤트를 시작합니다. load() 함수 성공

$(document).ready(function() { 
    $(".wrap_tabs").load("/Publication/GetPublicationTab?mainPage=" + false + "&isEvent=" + true, 
    function(){ 
    var tab = "@Model.ActiveTab"; 

    if (tab === "#scheduleLink") { 
     $("#scheduleLink").trigger('click'); 
     alert("true"); 
    } 
    else { 
     alert("false"); 
     loadPublicationList(-1, 1); 
    }  
}); 

});