.load 후 wysiwyg 편집기 적용

Question

jquery AJAX를 통해 양식을로드하고 있으며 텍스트 영역에 wysiwyg 편집기를 구현하려고합니다. 사업부의 #customerForm는 다음과 같이 (는 텍스트 영역을 포함)를 다시로드 그러나

페이지를로드 할 때 자체는 괜찮 텍스트 영역 :

$("#customerForm").html(loading).load(filename); 
$('#noteArea').wysiwyg(); 

나는로드 위선적 인 말투. 위의 코드는 메인 페이지에로드 된 별도의 .JS 파일에 있습니다. 따라서이 기능을 즉시 참조하는 데 문제가 있는지 궁금합니다. 편집기에서 찍은 : 사람이 더 좋은 JQuery와 편집자가

https://github.com/akzhan/jwysiwyg

경우 내가 그들에게 열려있을 거라고 제안하고, 그러나이 사람은 작고 좋은이며, 내가 무엇을 원했다. 어떤 제안?

Answer 1

는 .load() 함수 비동기 동작합니다 (source of the function 참조 내부적 .ajax()를 사용하고 async 속성 defaults to true). 즉, 내용이로드되기 전에 다음 행이 실행됩니다. 콜백에서 에디터를 초기화하십시오 :

$('#customerForm').load(filename, function() { 
    $('#noteArea').wysiwyg(); 
}); 

Answer 2

사용 complete callback of load function :

$("#customerForm").html(loading).load(filename, function(){ 
$('#noteArea').wysiwyg(); 
});