1

私はjqueryが初めてで、少しコードを統合する必要があり、.load()関数を使用して外部htmlファイルから呼び出しています。コードのその部分は、ビデオと説明を含む .div です。あとは、外部ファイルからロードされたコードで fitVids が機能するようにするだけです。

これは、div.featured-container にロードされた html です。

<div class="featured-container">
    <div class="container player clearfix">
            <div class="span8 video-container">
                <iframe width="600" height="338" src="http://www.youtube.com/embed/QkhqI49QeaM?rel=0" frameborder="0" allowfullscreen></iframe>
            </div>
            <div class="span4 featured-content">
                <div class="feat-meta">May 8, 2010 at 16:50 / by <a href="">Silviu Stefu</a></div>
                <h2>Retiner - Mobile UI Kit</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
                </p>
                <a class="button-normal" href="">Read More...</a>
            </div>
        </div>
    </div>

そして、ここにJSがあります：

    //load the first list item link
    var firstLoad = $('.thumbnails li:nth-child(2) a').attr('href')+' .player';
    $('.featured-container').load(firstLoad,'',showTheContent());
    function showTheContent() {  
            $('.player').fitVids().fadeIn('slow');  
        }

    //load the links on click
    $('.thumbnails li a').click(function(){
        var toLoad = $(this).attr('href')+' .player';
        $('.player').fadeOut('slow',loadContent);  
        $('#load').remove();
        $('#load').fadeIn('normal'); 
        function loadContent() {  
            $('.featured-container').load(toLoad,'',showNewContent());
        }  
        function showNewContent() {  
            $('.player').fadeIn('slow',hideLoader());  
        }  
        function hideLoader() {  
            $('#load').fadeOut('normal');  
        }
        return false; 
    });

では、.fitVids() 関数をどこに配置して、フィデオを流動的にする必要がありますか?

4

1 に答える 1

0

これには success 関数を使用して、ロードされた場合にコードを実行します。

$("#success").load("file.html", function(response, status, xhr) {
   if (status == "succes") {
   // your code
  }
});
于 2013-02-26T17:11:51.123 に答える