Question

html文档中有两个链接，我想在同一页面（不是窗口）打开，但一次只能出现一个链接内容？

<body>

<a href="numbers.html"> Numbers</a>
<a href="data.html"> Data</a>


<div id="show"> </div>

</body>

Answer 1

使用jQuery就像使用一个名为load的方法一样简单，使其优雅，首先为链接添加类，例如。

<a class="loader" href="numbers.html">Numbers</a>
<a class="loader" href="data.html">Data</a>

然后包含jQuery并拥有这样的代码来实现您的需求：

$(document).ready(function() {
    $(".loader").each(function(index) {
        $(this).click(function() {
            $("#show").load($(this).attr("href"));
            return false;
        });
    });
});

这会将HTML内容加载到show div中，替换之前的任何内容。

Answer 2

你在每个链接上有一个事件来切换两个div，隐藏一个并显示另一个。所以它可能是：

<div onclick="Show(numbers.html)"> Numbers</div>
<div  onclick="Show(data.html)"> Data</div>

并在Show（）JS函数中显示想要的div。

html文档中的链接

2 个答案: