我有一张表格,显示演示文稿及其时间。单击一个单元格时,会弹出一个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?
});
});
答案 0 :(得分:2)
编辑:由于我们谈论的是静态内容,因此我的帖子很长且没用。问题的关键仍然是你如何将信息引入你的代码 - 我会创建一些对象来描述你想要添加的内容,识别与他们的hrefs的不同会议/会谈。由于它是静态内容,您只需要执行一次(当页面加载时) - 不需要任何花哨的点击处理程序等。
示例代码:
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);
}
}