Question

This is what I mean 我希望链接一个按钮，在另一个页面的选项卡中显示与某个div相关的内容，我该如何使用JQuery执行此操作？我已经包含了一张图片/图画，以便您了解我的意思。

Exception in thread "main" com.amazonaws.services.s3.model.AmazonS3Exception: The AWS Access Key Id you provided does not exist in our records. (Service: Amazon S3; Status Code: 403; Error Code: InvalidAccessKeyId; Request ID: 3A3000708C8D7883), S3 Extended Request ID: U2rG9KLBBQrAqa6M2rZj65uhaHhOpZpY2VK1rXzqoGrKVd4R/JdR8aeih/skG4fIrecokE4FY3w=
at      com.amazonaws.http.AmazonHttpClient.handleErrorResponse(AmazonHttpClient.java:1401)
    at         com.amazonaws.http.AmazonHttpClient.executeOneRequest(AmazonHttpClient.java:945)
    at com.amazonaws.http.AmazonHttpClient.executeHelper(AmazonHttpClient.java:723)
    at com.amazonaws.http.AmazonHttpClient.doExecute(AmazonHttpClient.java:475)
    at com.amazonaws.http.AmazonHttpClient.executeWithTimer(AmazonHttpClient.java:437)
    at com.amazonaws.http.AmazonHttpClient.execute(AmazonHttpClient.java:386)
    at com.amazonaws.services.s3.AmazonS3Client.invoke(AmazonS3Client.java:3996)
    at com.amazonaws.services.s3.AmazonS3Client.invoke(AmazonS3Client.java:3933)
    at com.amazonaws.services.s3.AmazonS3Client.listBuckets(AmazonS3Client.java:851)
    at com.amazonaws.services.s3.AmazonS3Client.listBuckets(AmazonS3Client.java:857)
    at com.justdial.DocUpload.DocUpload.main(DocUpload.java:22)

所以two.html有一个按钮，必须直接链接到one.html，Tab 1，div One＆amp;第二个按钮必须链接到one.html，Tab 1，second div，即。＆＃39; AnotherOne＆＃39;

Answer 1

您可以在two.html上的链接中添加哈希值，并在页面中添加启动脚本，并使用选项卡显示/隐藏您需要的div。

<a href='/two.html#one'>BUTTON ONE</a>
<a href='/two.html#two'>BUTTON TWO</a>

在one.html上，您可以添加一个启动脚本，用于设置正确div的可见性。如果您的标签包含两个这样的div（默认情况下隐藏了所有内容？）：

<div class='one' style='display:none;'>div one</div>
<div class='two' style='display:none;'>div two</div>

您可以将以下启动脚本添加到two.html：

<script>
$(document).ready(function() {
   // If the location is empty show the content of div one?
   var tab = window.location.hash ?? 'one';

   $('div.' + tab).show()
});
</script>

Answer 2

你可以做的最好的方法是使用锚标记。如果你使用按钮用锚标记包装它。

这是代码。

<a href="page2.html#elementID"><button>Jump</button></a>

如何将按钮链接到另一个页面上包含div内容的选项卡？

2 个答案: