0

我正在尝试构建一个方便的功能，我计划将其滚动到库函数中，以便我可以再次使用。

常见的场景如下；

假设我们有一个包含一些行和列的常规表；

例子

<table>
    <tr><td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td></tr>
    <tr><td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td></tr>
    <tr><td>row 3 col 1</td><td>row 3 col 2</td><td>row 3 col 3</td></tr>
</table>

我们希望发生以下情况；

您单击 TD 单元格（例如第 1 行/第 1 列）并响应此单击事件，在该行的正下方出现一个分区（具有很好的手风琴效果），并且该分区基本上是一个 iframe 100% 拉伸到该分区以及一个其 src 包含您在该单元格上单击的值；就像是site.com?id=THAT_VALUE_HERE

这样，您可以方便地单击此表中的各个单元格，然后将相关数据按需拉入 iframe 中，无论单击何处，都位于其下方。只需重新单击相同的值，iframe 分区就会关闭。当然，您可以在其他单元格上执行相同的操作。

我知道这一切都可以通过 JQuery 实现，但是如果没有好的教程，我可能需要一段时间才能完成。

有人可以指出如何实现这一点的教程吗？

4

1 回答 1

0

您不必为此使用 iFrame。你可以做一个常规的ajax调用。

$('tr').on('click', function(){
    //You could store target data directly in the td's, or however you want. 
    //This is just a quick example
    var target = $(this).attr('title');

    $.get(target, "", function(data){
        $('#contentDiv').html(data);
    });

});
于 2012-08-27T20:53:35.017 回答