페이지의 모든 링크 사용/사용 안 함

Question

사용자가 이미지를 클릭하고 페이지의 위쪽에 팝업 상자가 사라지는 판매 갤러리에서 작업하고 있습니다. 상자에는 제품 세부 정보, 주문 정보 및 상자를 닫고 갤러리로 돌아가는 양식 종료 버튼이 있습니다. 사용자는 상자 외부를 클릭하여 갤러리로 돌아갈 수도 있습니다. 그러나 상자가 열리면 종료 버튼을 제외한 창 뒤의 모든 링크 (탐색 메뉴 등)를 비활성화해야합니다. 사용자가 상자를 닫으면 다시 활성화해야합니다. 나는 아무 소용

$('a:not(a.popout)').removeAttr('href'); 

및

$('a').attr('href', '');

같은 것들로 장난 시도했습니다. 이들이 처리 할 수있는 유일한 방법은 페이지의 모든 링크를 종료하는 것입니다. 물론 href 속성을 완전히 제거한 후에는 다시 활성화 할 수 없습니다. 다른 누구도이 일을 시도한 적이 있습니까? 어쩌면 나는 그걸 힘든 방식으로하고있다. 아이디어가 부족합니다. 감사!

Answer 1

당신의 연결에

바인딩에게 $.click() 핸들러 및 prevent default :

$('a').not('.popout').click(function(event) { 
    ... 
    event.preventDefault(); 
}); 

행운을 빕니다! 당신이 다른 창에서 열 때

Answer 2

, 모든 앵커에 shutdown 클래스를 추가 :

이

$('a:not(a.popout)').addClass('shutdown'); 

그럼 그냥 같은 클래스 요소에 대한 기본 동작을 방지 : 당신이 다른 창에서를 닫으면

$(document).on('click', 'a.shutdown', function(e){ 

    e.preventDefault(); 

}); 

의 제거 수업.

Answer 3

를 사용하여이 문제를 해결할 수있는 가장 좋은 와트 모달 형 팝업 (오버레이)를 사용하는 것입니다이

$('a:not(a.popout)').click(function(e){ 
e.preventDefault(); 

//or 

return false; 

})