jQuery를 사용하여 접근하기 쉬운 팝업을 방해받지 않게 만드는 방법은 무엇입니까?

Question

jQuery를 사용하여 사용자 정의 크기 및 원하는 해상도로 화면의 완벽한 중심에 접근 가능한 팝업을 만드는 방법은 무엇입니까? 자바 스크립트가 비활성화되면 링크가 새 창/탭의 일반 링크처럼 열려 있어야합니다. xhtml이 아닌 스크립트에서도 링크를 추가하는 눈에 거슬리는 방법이 필요합니다.

Answer 1

이렇게하는 한 가지 방법은 팝업을위한 웹 페이지를 작성하고 정상적으로 링크 한 다음 onclick 이벤트의 js 함수를 추가하여 대화 상자에 ajax를 사용하여 페이지를로드하고 js 함수.

그런 식으로 js가 켜지면 팝업이 대화 상자로 나타납니다.이 함수에서 false를 반환하면 링크 동작이 비활성화되지만 js가 꺼져있을 때 링크가 정상적으로 작동합니다. 이 라인을 따라

Answer 2

뭔가 (당신은 자바 스크립트가 누락 된 부분을 직접 작성하여 사용하는 경우 발생하는 지정하지 않은 것처럼)

<a id="accessibleA" href="http://www.google.com" target="_blank">Open Google</a> 

$("#accessibleA").click(function() { 
    //whatever to open the javascript popup 
    return false; 
}); 

Answer 3

당신은 라이트 박스 또는 무언가를 사용해야합니다. http://leandrovieira.com/projects/jquery/lightbox/

Answer 4

나는 최근에 이렇게했는데 사용자가 브라우징 영역을 빠져 나오면 jQuery를 사용하여 한 번 상자를 만듭니다. 그런 다음 X를 클릭하거나 Esc 키를 눌러 상자를 닫을 수 있습니다. Unobtrusive jQuery popup Box