숨겨진 div에 대한 링크를 만드는 방법은 무엇입니까?

div가있는 html 파일이 있습니다. 모든 div는 기본적으로 숨겨져 있으며 각 버튼에는 해당 버튼이 숨겨져 있습니다 (javascript).숨겨진 div에 대한 링크를 만드는 방법은 무엇입니까?

div 중 하나를 가리키는 다른 사이트에 외부 링크를 만들고 해당 div가 표시된 페이지를로드하려면 어떻게해야합니까? http://example.com/page.html#div1이 작동하지만 div가 숨겨져 있습니다.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#div1").hide(); 
     $("#div2").hide(); 
     $("#div3").hide(); 

     $("#btn1").click(function(){ 
      $("#div1").show(); 
      $("#div2").hide(); 
      $("#div3").hide(); 
    }); 

    $("#btn2").click(function(){ 
      $("#div1").hide(); 
      $("#div2").show(); 
      $("#div3").hide();  
    }); 

    $("#btn3").click(function(){ 
      $("#div1").hide(); 
      $("#div2").hide(); 
      $("#div3").show(); 
    }); 

});</script>

출처

2014-12-11 fishmong3r

당신이 링크가 오픈되었을 때 어떻게 DIV를 보여 요구하고있다 : 당신의 URL은 다음과 같이해야합니까? –

@ LorenzoMarcon 나는 링크에 포함 된 바로 그 div를 보여주는 방법을 묻습니다. – fishmong3r

표시 할 div를 나타내는 URL에 'http : //example.com/page.html? show_div = 1'을 추가 한 다음 페이지의 javascript를 사용하여 해당 div를 표시합니다. – MLeFevre

첫째, URL에서 바로 VAR (예를 들어, div1) 얻을 : 다음

function getParameterByName(name) { 
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
    results = regex.exec(location.search); 
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
}

을에 대해 참조 된 사업부를 URL 문자열을 확인하고 만들 것입니다 jQuery를 함수를 생성 url에서.

var divId = getParameterByName('div'); 

$("#div"+divId).show();

그 것이다.

참고 : http://example.com/page.html?div=1

출처

2014-12-11 10:16:43 Chilion

숨겨진 div에 대한 링크를 만드는 방법은 무엇입니까?

답변

관련 문제