1

我有一张显示演示文稿及其时间的表格。单击单元格时，会弹出一个带有演示文稿标题、说明和演讲者的 FancyBox。前两项是静态的，但后一项会根据举行演示的时间而变化。

我想弄清楚的是如何根据单击的表格单元格来更改同一个 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

编辑：因为我们谈论的是静态内容，所以我的帖子很长而且没用。问题的要点仍然是您如何将信息引入代码 - 我将创建一些对象来描述您要添加的内容，用它们的 href 标识不同的会议/谈话。由于它是静态内容，因此您只需执行一次（在页面加载时） - 不需要任何花哨的点击处理程序等。

示例代码：

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 回答