동적 페이지 로더 충돌

Question

내 사이트에서 발견하여 사용하는 동적 페이지 체인저가 있습니다. 나는 그것을 제거하고 싶지 않지만 몇 가지 문제를 일으키는 것으로 보인다. .html 파일이 호출되면 작업하기 위해 예를 들어 news.html # news.html과 같이 호출됩니다. 예를 들어 about 페이지를 클릭하면 url에 about.html # about.html이 표시되고 about_html # news.html이 된 직후 뉴스 페이지를 클릭하면 dynamicpage.js가 어떻게 든 결합됩니다. 갤러리 페이지를 제외한 대부분의 페이지를로드 할 수있었습니다. 이 방법을로드하지 않는 것 그 방금이 사이트는 아직 공사중이지만 여기있다

을 gallery.html하는 URL에 gallery.html 번호의 gallery.html을 변경하지 않는 가정 : http://envycosmetics.zxq.net/Website/webpages/index.html

Answer 1

이제 귀하의 사이트가 조금 더 나아가면서 나는 조금 더 나아질 것을 볼 수 있습니다. 페이지가 기술적으로 이미로드되었으므로 갤러리 페이지가로드 될 때 jQuery가 다시 호출되지 않는 것처럼 보입니다. 당신이해야 할 것은 당신의 페이지에이 같은 것을 추가 할 수 있습니다 :

 
$(document).ready(function(){ 
    $("#gallery").click(function(){ 
    Galleria.loadTheme('galleria.classic.min.js'); 

    // Initialize Galleria 
    $('#galleria').load(function(){ 
     $('#galleria').galleria(); 
    }); 
    }); 
}); 

난 그냥 크롬 콘솔을 사용하여 사이트에 그것을 시도하고 일했다. 한 가지 분명한 사실은 갤러리아를 다시 초기화하기 전에 $ ("# gallery")가 준비 될 때까지 기다려야한다는 것입니다. 그것은 콘솔과 함께 작동하지만, 당신이 당신의 페이지 내에 있다면 그것이 작동하지 않을 수 있습니다.

또 다른 참고 사항으로, galleria 호출에 height 요소를 추가해야합니다.

이

$('#galleria').galleria({ 
    width:500, 
    height:500 
});