Question

我在第1页（www.example.com/page2.html#idd）中有一个链接引用第2页中的锚标记当我点击第1页的链接（www.example.com/page2.html#idd）时，我只是转到第2页（www.example.com/page2.html）而不是#idd。我认为有些错误与＆＃34; js＆＃34;文件，但我不知道是什么！

"index.js"

$('.form').find('input, textarea').on('keyup blur focus', function (e) {

var $this = $(this),
  label = $this.prev('label');

  if (e.type === 'keyup') {
        if ($this.val() === '') {
      label.removeClass('active highlight');
    } else {
      label.addClass('active highlight');
    }
  } else if (e.type === 'blur') {
    if( $this.val() === '' ) {
        label.removeClass('active highlight');
        } else {
        label.removeClass('highlight');
        }
  } else if (e.type === 'focus') {

  if( $this.val() === '' ) {
        label.removeClass('highlight');
        }
  else if( $this.val() !== '' ) {
        label.addClass('highlight');
        }
 }

});

$('.tab a').on('click', function (e) {

e.preventDefault();

$(this).parent().addClass('active');
$(this).parent().siblings().removeClass('active');

target = $(this).attr('href');

$('.tab-content > div').show();

$(target).fadeIn(600);

});

这是html文件：

"page1.html"


<div> <a href="example.com/page1.html#idd">click here</a>

"page2.html"

 <div id="idd">content......</div>

Answer 1

那不是锚，那是div。这与JavaScript无关。（除非您编写JavaScript代码来模仿链接到页面上的锚点的行为，而您在所显示的代码中似乎没有这样做。）

要直接转到锚点，它必须是具有预期名称的锚点：

<a name="idd">content......</a>

例如，您可以在div：

中添加此类锚点

<div id="idd">
    <a name="idd">some label</a>
    content......
</div>

Answer 2

您不需要使用javascript而是简单的HTML代码。
在page1.html中： <a href="example.com/page2.html#idd">click here</a>
在page2.html中：<a name="idd"></a>

链接到另一页面中的anckor标签不起作用

2 个答案: