ScrollerがDivにロードされたページでアニメーション化しない、独自のページでのみ動作する

Question

助けてください。アニメーション化するために、このサムネイルスクローラーを取得しようとしている

イム：

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

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

は、私はそれが私はそれが埋め込まれているページに完全に正常に動作し得ます。このコードを使用する：2ページが同じディレクトリにある

<!--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> 

：

<!--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で必要なファイルをロードします。

私は、両方のページ、埋め込みスクロールバー、およびそのページをdivにロードするページで同じコードセットを持っています。

divにロードしている親ページと、本当に必要な場所で動作するようにはできません。

ない、これは重要どのくらい確かに、しかし、ここで私の外部のページをロードするために使用して、親ページイムのコードは次のとおりです。

<!--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に関連付けられている任意の要素 に送信することができます。

loadイベントハンドラを使用して、<div>にロードされたHTMLでコードを実行することはできません。

$(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); 
     }); 

    }); 
});