팝업 위치 지정

브라우저 창을 크게 만들면 모든 div가 위치를 가로로 변경합니다. 이런 일이 일어나지 않도록하는 방법이 있습니까? 어떤 도움이라도 대단히 감사합니다.팝업 위치 지정

http://jqueryui.com/demos/position/

이것은 당신이 모든 요소의 상대적 위치 할 수 있습니다 :

감사

난 당신이 페이지에 jQuery를 사용하고 참조

출처

2011-09-23 user961239

, 왜 당신은 jQuery를 UI 위치 유틸리티를 시도하지 말라 다른 요소.

출처

2011-09-23 15:02:45 swatkins

jQuery를 삽입 한 직후에 jQuery UI 스크립트를 포함시켜야합니다 :'' – swatkins

다음은 js fiddle에서 코드를 사용한 구현입니다. http://jsfiddle.net/swatkins/bpHS3/ - 또한 HTML5 DTD를 사용하지 않으므로 js 및 스타일 태그에'type = "text/javascript"및'type = "text/css"'를 추가해야합니다. – swatkins

이 페이지에서 좀 더 린 다운로드를 만들 수도 있습니다 : http://jqueryui.com/download – swatkins

setPositionPopUp: function ($posObj, $dlg, topOff, leftOff) { 
      var dl = $dlg.get(0); 
      if ($dlg.length == 0) { 
       return; 
      } 

      if (topOff == null) 
       topOff = 20; 
      if (leftOff == null) 
       leftOff = 20; 

      var v = $posObj.offset(); 
      dl.style.position = "absolute"; 
      dl.style.top = (v.top + topOff) + 'px'; 
      dl.style.left = (v.left + leftOff) + 'px'; 
      dl.style.zIndex = "10000"; 
      $dlg.fadeIn("slow"); 
     }

나는 당신이 원하는 것을 얻기 위해 위의 코드를 사용했습니다. 당신이 전체 jquery UI 파일을 포함하고 싶지 않다면. 당신은 그것을 좋아 호출 할 수 있습니다

은 다음과 같습니다

setPositionPopup($('.colors_box'), $('img'));

것은 제대로 분명히 당신의 선택기를 선택합니다.

출처

2011-09-23 16:58:09 MoXplod

팝업 위치 지정

답변

관련 문제