2017-09-19 17 views
-3

私はリンクをクリックすると、ページ2のアンカータグを参照するページ1(www.example.com/page2.html#idd)のリンクを に持っています.example.com/page2.html#idd)page1で私はちょうどpage2(www.example.com/page2.html)に行き、#iddには行きません。 "js"ファイルで何か問題があると思うけど、何が分からないのですか?それはdivだ、別のページのアンカータグへのリンクが機能しない

"page1.html" 


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

"page2.html"

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

JavaはJavaScriptのではありません – GolezTrol

答えて

0

アンカーではありません。ここに

"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ファイルです。これはJavaScriptとは関係ありません。 (ページ上のアンカーにリンクする動作を模倣するJavaScriptコードを書いている場合を除き、コード内では実行されていないようです)

アンカーに直接移動するには、あなたは、単純なHTMLコードはないがJavaScriptを使用する必要はありません

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

:あなたは、例えば、あなたのdivに、このようなアンカーを追加することができ

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

:期待された名前のアンカーなります。 page1.htmlで
:page2.htmlで <a href="example.com/page2.html#idd">click here</a>
<a name="idd"></a>

関連する問題