0

YouTube プレイリストから動画を取得していますが、カルーサルに読み込まれます。

今、アクティブな動的 <li> が必要です。1 つの < li > またはビデオ (< li > の内側にあるもの) のいずれかをクリックすると、アクティブになっていると想定されます。

var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/'+nPlaylistID+'?v=2&alt=json&callback=?';
var videoURL= 'http://www.youtube.com/watch?v=';
$.getJSON(playListURL, function(data) {
    var list_data="";
    $.each(data.feed.entry, function(i, item) {
        var feedTitle = item.title.$t;
        var feedURL = item.link[1].href;
        var fragments = feedURL.split("/");
        var videoID = fragments[fragments.length - 2];
        var url = videoURL + videoID;
        var thumb = "http://img.youtube.com/vi/"+ videoID +"/default.jpg";
        list_data += '<li><a href= "#" title="'+ feedTitle +'" onClick=show_yt_vid("'+videoID+'");><img src="'+ thumb +'" /></a></li>';
    });

デモリンク:- http://jsfiddle.net/4hHaG/

スクリーンショット（私が望む方法）： - https://docs.google.com/file/d/0B1EUrqDt0LieWUEydnVIUTh6NWM/edit?usp=sharing

事前にサンクス!!!!!!!! :)

4

1 に答える 1

0

私が提案するのは、ループ内のタグにクラスを追加することです。

        list_data += '<li><a class="vids" href= "#" title="'+ feedTitle +'" onClick=show_yt_vid("'+videoID+'");><img src="'+ thumb +'" /></a></li>';

次に、jqueryを使用して、クリックした要素にクラスを追加します

        $(document).on('click', '.vids', function() {
            $('.vids').removeClass('active');
            $(this).addClass('active');
        });

デモは次のとおりです。http：//jsfiddle.net/4hHaG/1/css のクラス「active」に必要な画像の背景を追加するだけです。

于 2013-02-17T08:59:48.540 に答える