1

プレゼンテーションとその時間を示す表があります。セルをクリックすると、プレゼンテーションのタイトル、説明、スピーカーを含む FancyBox が表示されます。前者の 2 項目は静的ですが、後者はプレゼンテーションが開催されている時間に基づいて変化します。

私が理解しようとしているのは、クリックされた表のセルに応じて同じ FancyBox の内容を変更する方法です。細胞の数はわかっています。セルのインデックスを取得しましたが、ここからどこに行くべきかわかりません。

全ページ: https://secure.michebag.com/static/elevate-breakout/elevate-breakout.html

jQuery:

$(document).ready(function(){
    // Get table cell index
    // Assign dynamic content
    $('table tr:first td:eq(1)').click(function(){
        // What goes here?
    });
});
4

1 に答える 1

2

編集:静的コンテンツについて話しているので、私の投稿は長くて役に立ちません。問題の要点は、コードに情報を導入する方法です。追加したいものを説明するためにいくつかのオブジェクトを作成し、hrefs でさまざまな会議/トークを識別します。これは静的コンテンツであるため、これを行う必要があるのは (ページが読み込まれるとき) 1 回だけです。派手なクリック ハンドラーなどは必要ありません。

サンプルコード:

var meetings = {
    "#pwap" : { color: "dark-pink", speakers: [ "Speaker Guy", "Speaker Girl" ] }
    // And so on
}

// Then simply loop over the meetings and do your work over each one.
for (var href in meetings) {
    // Color
    var meeting = meetings[href];
    $('a[href=' + href + ']').parent().addClass(meeting.color);

    // Add speakers
    var element = $(href);
    var speakers = meeting.speakers;
    for (var i = 0, length = speakers.length; i < length; i++) {
        // Add each speaker as a paragraph with his name.
        $('<p>').text(speakers[i]).appendTo(element);
    }
}
于 2013-05-24T17:12:12.417 に答える