jQuery의 load() 함수를 통해로드 된 이미지로 Galleria를 작동시키는 방법

Question

사진 사이트로 Galleria 1.2.7 및 jQuery 1.7.1을 사용하고 있습니다. Galleria에서 보여줄 사진 세트 3 장이있어 페이지에 3 개의 링크가 있습니다. load()를 사용하여 인덱스 페이지로로드하려고합니다.

내 코드입니다 : 내가 링크 중 하나를 클릭하지만 두 번째 링크를 클릭 할 때 작동을 중지 할 때

<div id="galleria"></div> 

<ul id="nav"> 
    <li><a href="gallery1.html">Gallery 1</a></li> 
    <li><a href="gallery2.html">Gallery 2</a></li> 
    <li><a href="gallery3.html">Gallery 3</a></li> 
</ul> 

<script> 

     $(document).ready(function(){ 
      Galleria.loadTheme('galleria/themes/folio/galleria.folio.min.js'); 

      $('#nav a') 
       .click(function(){ 
        $('#galleria').load(this.href, function(){ 
         $('#galleria').galleria(); 
        }); 
        return false; 
       }); 
     }); 


</script> 

이 작동합니다. 미리 감사드립니다.

Answer 1

u가 포스트 백 처리를 시도 했습니까?

postbackFunction(); 

if (Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()){ 
    postbackFunction(); 
}); 

function postbackFunction(){ 
     $(document).ready(function(){ 
      Galleria.loadTheme('galleria/themes/folio/galleria.folio.min.js'); 
     $('#nav a') 
      .click(function(){ 
       $('#galleria').load(this.href, function(){ 
        $('#galleria').galleria(); 
       }); 
       return false; 
      }); 
    }); 
}