鏈接到另一個頁面中的anckor標籤不起作用

-3

我在page1（www.example.com/page2.html#idd）中有一個鏈接，它指向頁面2中的一個錨標籤，當我點擊鏈接（www .example.com/page2.html＃idd）在第1頁中，我只是轉到page2（www.example.com/page2.html）而不是#idd。我認爲用「js」文件錯誤，但我不知道是什麼！鏈接到另一個頁面中的anckor標籤不起作用

"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>

來源

2017-09-19 shadow

Java不是JavaScript的 – GolezTrol

這不是一個錨，這是一個div。這與JavaScript無關。（除非您編寫JavaScript代碼以模仿鏈接到頁面上的錨點的行爲，而您在所示的代碼中似乎沒有這樣做）。

要直接轉到錨點，它需要與預期的名稱錨：

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

你可以，例如，添加這種錨您div：

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

來源

2017-09-19 12:02:10 David

你不需要使用JavaScript，但一個簡單的HTML代碼。
在page1.html：在page2.html <a href="example.com/page2.html#idd">click here</a>
：<a name="idd"></a>

來源

2017-09-19 12:25:05

鏈接到另一個頁面中的anckor標籤不起作用

回答

相關問題