2013-06-20 3 views
0

5 개의 이미지 (사람의 얼굴 사진)가 있습니다. 나는 각 이미지를 클릭 할 때 해당 div를 보여주고 숨기기 위해 다음 jQuery를 사용하고있다.특정 링크에서 도착할 때 excecute jQuery

 $('.personDiv').hide(); 
    $('.listPerson').click(function(){ 
      $('.personDiv').hide(); 
      $('#person'+$(this).attr('target')).show(); 
      $('.listPerson').css('opacity', 0.6); 
      $(this).css('opacity', 1); 
    }); 

내가 특정 이미지를 원하는 선택 될 (및 해당 사업부가 이미 표시 할) 같은 방법으로 다른 페이지의 특정 링크에서 도착하는 때 A HREF = "example.html 번호 앵커는"사용자 링크 링크 된 페이지의 특정 위치로 이동합니다. 내 시나리오로 어떻게이 일을 할 수 있니? '

감사합니다.

답변

3

그런 식으로 뭔가를 성취하는 방법을 알고있는 유일한 방법은 다른 페이지의 링크에서 쿼리 문자열 변수를 사용하고 DOM에서 JavaScript로 구문 분석 한 다음 결과를 변수로 저장하고 그 결과로 사용할 변수에 저장하는 것입니다. 선택자.

그래서이 같은 URL이 있다면? www.myurl.com 사람 = 프랭크

$(function() { 
    var params = {}; 
    var ps = window.location.search.split(/\?|&/); 
    for (var i = 0; i < ps.length; i++) { 
     if (ps[i]) { 
       var p = ps[i].split(/=/); 
       params[p[0]] = p[1]; 
     } 
    } 
    var personToShow = params.person; 
    $('#'+personToShow).show(); 
}); 

그래서 기본적으로 준비가 DOM에 프랭크의 ID가 어떤 요소를 보여줄 것 같은 것을.

+0

당신은 영리합니다. 이 점에 정말 감사드립니다. 나는 그것을 지금 시험해 볼 것이다. – user2105885

+0

은 매력처럼 작동합니다.) –

관련 문제