jQuery 콜백 및 중첩 문제

StackOverflow https://stackoverflow.com/questions/1410868

  •  05-07-2019
  •  | 
  •  

문제

난 정말 혼란스러워하고 어떻게 해야할지 모르겠어요. 아마도 당신은 나를 도울 수 있습니다 :)

나는 외부 컨텐츠를 div에로드하는 메뉴와 함께 HTML 페이지를 만들었습니다 (모두 jQuery 및 ajax-load로 수행).

두 번째 기능을 추가하고 싶다면 아무 일도 일어나지 않으면 둥지에 대해 잘 모르겠습니다.

다음은 두 가지 기능이 있습니다. 첫 번째 기능은 전체 HTML 페이지를로드하고, 두 번째 기능은 외부 div를 이전로드 파일의 div에로드합니다 (이해할 수 있도록 설명하기를 바랍니다 :)) (Numrand는 무작위 숫자입니다. 질문에는 중요하지 않습니다).

function changeMenu(menupunkt) {
$(function(){
    $('#mainContent').fadeOut('fast', function(){ $("#mainContent").load(menupunkt+".html?"+numRand);});
    $('#mainContent').fadeIn('fast');});
    return false;

}

두 번째 코드는 다음과 같습니다.

function changeSubMenu(submenupunkt,subdiv) {
    $(function(){
        $('#htmlContainer').fadeOut('fast',function(){ $("#htmlContainer").load(submenupunkt+".html?"+numRand+" div#"+subdiv);});
        $('#htmlContainer').fadeIn('fast');});
        return false;

}

기능을 호출 할 수 있도록 두 기능을 결합하고 싶습니다.

someFunction(menupunkt,submenupunkt,subdiv)

이것은 먼저 menupunkt.html을로드해야 하며이 조치가 완료되면 div를로드해야합니다.

menupunkt와 submenupunkt 또는 subdiv 만로드하고 싶다면 어떻게 함수를 호출 할 수 있습니까?

나는 너희들이 그것을 따를 수 있도록 내 질문을 설명 할 수 있기를 바랍니다. 조금 복잡합니다. :)

미리 감사드립니다!

도움이 되었습니까?

해결책

가장 먼저

$(function() { .... code here .... });

속기입니다

$(document).ready(function() { .... code here .... });

이것은 DOM이로드되었을 때 실행할 함수를 설정하는 jQuery 방법입니다. 당신은 당신의 기능의 내부에 이것을 사용하고 있습니다 changeMenu 그리고 changeSubMenu 필요하지 않은 (~하지 않는 한 페이지가로드되기 시작하면 즉시 두 기능을 실행하고 있지만 이상한 물건을 설정하는 방법).

그만큼 load() 명령은로드가 완료되면 실행되는 콜백 함수를 취합니다. 예를 들어,

$("#mainContent").load(menupunkt+".html?"+numRand, [callback here]);

[callback] 익명 함수 (인라인 함수)이거나 명명 된 함수 일 수 있습니다.

도움이 되었기를 바랍니다

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top