사이트의 자바 스크립트를 추적하는 방법

Question

나는 이것이 내가 할 수있는 간단한 대답처럼 보이지만 나는 그걸 알아낼 수 없다는 것을 알고있다. 나는 firebug와 mozilla 개발자와 크롬을 설치했다. 크롬에서 뭔가를 가리키면 페이지가 일시 중지되는 것처럼 보이지만 jquery 어딘가에서 멈추고 검사 할 전화를받을 수는 없습니다. 스테핑 스루는 나를 찾는데 도움이되지 않는 것 같습니다.
여기에 내가하려는 일이 있습니다. 나는 누군가가 저에게 그것을 설명하는 방법을 설명하기를 바랍니다. 저처럼 바보 인 것 같습니다.

내 편집 페이지를 모달 대화 상자에로드하려고합니다. BootstrapDialog로 작업하는 모달과 내 편집 페이지가 <a href>으로 설정되었습니다. 나는 이것을 생각하는 예제가 http://oscarotero.com/jquery/ 이고이 작업을 수행하는 코드를 검토하고 싶습니다. 나는 그것을하는 js 전화를 얻을 수 없다. 첫 번째 이벤트에서 즉시 중단하고 싶지는 않습니다. 마우스를 클릭 한 다음 js 코드에서 href가 모달 대화 상자로 들어가는 위치를 확인하는 이벤트에 연결하려고합니다. 현재 jquery 클릭 이벤트에 막혀 있고 href가로드되는 모달에 대한 mouseclick 이벤트를 찾을 수 없습니다. 이 작업을 수행하기 위해 취할 구체적인 단계는 무엇입니까?

편집 : 모달이 href를로드하는 시점에서 어떻게 보이는지 사이트 코드를 검사하려면 어떻게해야합니까? (아래 코드는 예를 들어 내가보고하고 사이트에서 아니지만 내가 사이트를 검사 할 영역이다) 방화범 또는 기타 개발 도구가 열려있을 때

$(document).ready(function(){ 
    $('.btn.edit-attendee').click(function(e){ 
     url = $(this).attr('href'); 
     alert(url); 
     BootstrapDialog.show({ 
      message: $('<div></div>').load(url) 
     }); 
    }); 
}); 

Answer 1

사용 디버거 (코드가 중단되고 당신은 그것을 검사 할 수있다).

$(document).ready(function(){ 
    $('.btn.edit-attendee').click(function(e){ 
     url = $(this).attr('href'); 
     alert(url); //replace this with --> 
     debugger //edit 
     BootstrapDialog.show({ 
     message: $('<div></div>').load(url) 
     }); 
    }); 
});