Scroller가 Div에로드 된 페이지에서 애니메이트하지 않음, 자체 페이지에서만 작동

Question

도와주세요. 애니메이션이 썸네일 스크롤을 얻으려고 노력

임 :

http://manos.malihu.gr/tuts/jquery_thumbnail_scroller_vertical.html

http://manos.malihu.gr/jquery-thumbnail-scroller

나는 그것이 내가이에 포함 된 한 페이지에 완벽하게 잘 작동 얻을. 이 코드를 사용 :

<!--Thumbnail Scroller--> 
<script type="text/javascript" src="jquery.thumbnailScroller.js"></script> 

    <script> 
    $(window).load(function() { 
     /* 
     ThumbnailScroller function parameters: 
     1) id of the container (div id) 
     2) thumbnail scroller type. Values: "horizontal", "vertical" 
     3) first and last thumbnail margin (for better cursor interaction) 
     4) scroll easing amount (0 for no easing) 
     5) scroll easing type 
     6) thumbnails default opacity 
     7) thumbnails mouseover fade speed (in milliseconds) 
     */ 
     ThumbnailScroller("tsv_container","vertical",10,800,"easeOutCirc",0.4,500); 
    }); 
    </script> 
    <!--End Thumbnail Scroller--> 

내가 내 HTML에서 필요한 파일을로드 :

<!--JQuery--> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<!--Thumbnail Scroller--> 
<link href="jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="jquery.easing.1.3.js"></script> 

2 개의 페이지가 같은 디렉토리에 있습니다.

나는 두 페이지, 내장 스크롤러가있는 코드 세트 및 div에 해당 페이지를로드하는 페이지 세트가 동일합니다.

div에로드하는 부모 페이지 thats에서 작동하도록 할 수없고 실제로 작동해야하는 곳에서 작동하도록 할 수 없습니다.

이 내 외부 페이지를로드하는 데 사용하는 상위 페이지 메신저의 코드를 중요하지만, 여기에 얼마나 확실하지 :

<!--Page Loading Mechanism--> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('a.dynamicLoad').click(function(e) { 
      e.preventDefault(); // prevent the browser from following the link 
      e.stopPropagation(); // prevent the browser from following the link 

      $('#MainDivBeingTargeted').load($(this).attr('href')); 

     }); 
    }); 


</script> 
<!--End Page Loading Mechanism--> 

사람이 무엇이 잘못되었는지와 나는이 문제를 해결할 수있는 방법을 말해 줄래? 필자는 일주일 동안 이걸로 싸우고 아직도 그것을 파악할 수 없습니다.

Answer 1

<div>에 내용을로드하고 $(window).load()을 사용하여 내용을로드했을 때 (아마도 <div>) 컨텐츠가로드되었을 가능성이 높습니다.

이것은 load() 이벤트 처리기가 작동하는 방식이 아닙니다. 문서에 따르면

이 이벤트는 URL과 관련된 모든 요소 로 보낼 수 있습니다 : 이미지, 스크립트, 프레임, iframe을, 그리고 창 개체를.

그래서 당신은 <div>에로드 된 HTML 코드를 실행하는 load 이벤트 핸들러를 사용할 수 없습니다.

$(document).ready(function() { 
    $('a.dynamicLoad').click(function(e) { 
     e.preventDefault(); // prevent the browser from following the link 
     e.stopPropagation(); // prevent the browser from following the link 

     $('#MainDivBeingTargeted').load($(this).attr('href'), function() { 
      /* Content is now loaded */ 
      ThumbnailScroller("tsv_container","vertical",10,800,"easeOutCirc",0.4,500); 
     }); 

    }); 
});