我需要一个 html 表,在其中单击任何行中的一个值,然后整个行应该展开(用幻灯片动画向上或向下会很好),我需要在行内插入一个图表。
我应该如何使用 jQuery 执行此操作,而且我可能需要将图表放在单独的文件中,并将文件包含在行中的潜水或图表的一些更好的容器中?
我需要一个 html 表,在其中单击任何行中的一个值,然后整个行应该展开(用幻灯片动画向上或向下会很好),我需要在行内插入一个图表。
我应该如何使用 jQuery 执行此操作,而且我可能需要将图表放在单独的文件中,并将文件包含在行中的潜水或图表的一些更好的容器中?
有很多方法可以做到这一点。我的示例使用了一个按钮,但您可以将 click 事件放在任何东西上。
http://jsfiddle.net/lucuma/Y4nC8/2/
这是一个例子
<table>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
<tr><td>Col</td><td>Col</td><td><button>Add stuff</button></td></tr>
</table>
js:
$(document).ready(function() {
$('button').click(function() {
var $newstuff = $('<div>my data<br />more data <br /> ok good</div>');
$newstuff.appendTo($(this).closest('tr').find('td:eq(0)')).slideDown();
});
});
</p>