Question

嘿，我有一个新的困境......

我有3个div就像3个盒子一样，每个div中都有一个图像和一些文字，我希望当我点击任何地方的任何地方时，如果该框，那么它将转到另一个页面，例如如果我在主页然后点击框，那么它将转到网站的service.html页面。

我是通过

完成的

<div onClick="document.location='service.html';">

及其工作。但我希望当用户点击第一个div 然后转到服务.html并在该特定部分，然后在第二个框中它将会去关于service.html的另一部分，等等.......

为了更清楚，我想将div链接到特定页面的特定部分..

我该怎么做？

Answer 1

您必须在要链接到的service.html页面上的元素中添加ID，然后将其包含在您的链接中：

<div onClick="window.location.href='service.html#section-1';">Go to Section 1</div>
<div onClick="window.location.href='service.html#section-2';">Go to Section 2</div>

P.S。您使用Javascript而不是常规锚标签的原因是什么？

Answer 2

嘿，我得到了回答......

<div onClick="document.location='service.html#section1_ID';">
<div onClick="document.location='service.html#section2_ID';">
<div onClick="document.location='service.html#section3_ID';">

在该部分我使用了那个特定的

<div id="section1_ID">bla bla bla</div>

等.............

Answer 3

请看下面的内容。

// jQuery method
$('.location').bind("click", function() {
  window.location = $(this).data('location');
});

<div class="collection-item location" 
      data-location="service.html#section1_ID" >
   Lorem ipsum, blah
</div>

将div链接到HTML中不同页面上的特定部分

3 个答案: