내가 2 개 HTML 파일을 외부 html 파일

Question

에서 링크를 실행 3d, 코드 및 비디오. 또한 내가 선택한 카테고리의 작업 만 보여주는 필터 스크립트가 포함되어 있습니다.

index.html에서 내 포트폴리오의 각 카테고리로 연결되는 링크가 필요하지만이 작업을 수행하는 방법을 모르겠습니다.

에 Index.html :

... 
<a href="portfolio.html#web"><img src="img/web.png"></a> 
<a href="portfolio.html#triD"><img src="img/triD.png"></a> 
<a href="portfolio.html#codes"><img src="img/codes.png"></a> 
<a href="portfolio.html#video"><img src="img/video.png"></a> 
... 

Portfolio.html :

... 
<!-- filter goes here: --> 
<p id="picker"> 
    <a href="#" id="all" class="current" name="all">All</a> | 
    <a href="#" id="web" class="filter" name="web">Web</a> | 
    <a href="#" id="triD" class="filter" name="triD">3D</a> | 
    <a href="#" id="codes" class="filter" name="codes">Codes</a> | 
    <a href="#" id="video" class="filter" name="video">Video</a> 
</p> 

<!-- my work goes here: --> 
<div class="my-work codes">...</div> 
<div class="my-work web">...</div> 
<div class="my-work triD">...</div> 
<div class="my-work codes">...</div> 
... 

Filter.js :

$(function() 
{ 
    $("#all").click(function(){ 
     $(".my-work").slideDown(); 
     $("#catpicker a").removeClass("current"); 
     $(this).addClass("current"); 
     return false; 
    }); 

    $(".filter").click(function(){ 
     var thisFilter = $(this).attr("id"); 
     $(".my-work").slideUp(); 
     $("."+ thisFilter).slideDown(); 
     $("#catpicker a").removeClass("current"); 
     $(this).addClass("current"); 
     return false; 
    }); 

}); 

Answer 1

는 사실 내가 찾은 여기

는 코드입니다 m의 정답 y 질문.

$(document).ready(function() 
{ 
    var type = window.location.hash; 
    //window.location.hash = window.location.hash.replace(type,''); //should be added if you want to remove: ...#class in address bar 
    $(type).trigger('click'); 
});