2

我有一个多表单元格和行，每个单元格和行都带有链接，每个链接都包含 javascript“tdhover”，现在每个链接都链接到一个新页面，这是一个“烦人”的大量页面，我正在尝试实现类似于下面屏幕截图中的内容：

当前表

我当前的代码是简单的 html 和 css：

<table style="padding:0px;font-size:10pt;"><tr><td><a href='/path/1/'>1-100</a></td><td><a href='/path/101/'>101-200</a></td> /* .....etc */

如何实现每次单击链接时在表格下方显示文本的目标，如果单击新链接，则将以前的文本更改为新文本？

4

4 回答 4

0

您可以在要显示文本的表格下方定义一个 DIV。

并且使用 jquery，您可以在单击链接时在 DIV 上显示文本。

于 2013-02-17T15:24:28.990 回答
0

如果您在同一页面中有内容，则可以使用 jquery 在 div 中显示特定文本（可能在数组或 switch 语句中）。

如果内容来自另一个页面，您可以使用 ajax/jquery(.post/.ajax) 来实现这一点。

另一个想法是定义一个 iframe（首先隐藏），您将在其中更改 iframe 的来源，因为您将单击每个链接并使其可见

希望有帮助。请发布一些代码，看看你有多远。

于 2013-02-17T17:21:48.637 回答
0

只需在您希望文本出现的位置（在表格下方）创建一个 div。并使用以下 jquery 代码：

$('#yourtableid a').click(function(){
    $.get($(this).attr('href'), function(data){
        $('#destination_div_id').html(data);
    })
});

这将在目标 div 中显示链接页面的内容。

于 2013-02-17T18:06:43.210 回答
0

经过 1 天的努力工作、搜索文档和测试代码，我最终找到了解决问题的方法。

这是显示/隐藏我的 div 的 jquery 脚本

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('a').click(function () {
var divname= this.name;
$("#"+divname).show("slow").siblings().hide("slow");
});

});
</script>

这是html代码：

<div class="menu">
<ul>
<li><a href="#" name="div1" >Home</a></li>
<li><a href="#" name="div2" >Page1</a></li>
<li><a href="#" name="div3" >page2</a></li>
<li><a href="#" name="div4" >page3</a></li>
</ul>
</div>

<div>

<div id="div1" style="display:none">
Hello World
</div>

<div id="div2" style="display:none">
Test
</div>

<div id="div3" style="display:none">
Another Test
</div>

<div id="div4" style="display:none">
Final Test
</div>


</div>

这是演示

于 2013-02-19T01:19:47.070 回答