다른 요소를 통해 jQuery UI 위치 지정

누구나 내 첫 번째 질문에 대한 짧은 작업을 했으므로 이제 다른 문제로 어려움을 겪습니다.다른 요소를 통해 jQuery UI 위치 지정

이것은 대부분의 MySQL 변수에 따라 반향되고 있기 때문에 의심스러운 jQuery 문제입니다. 매우 혼란스러워지고 있습니다. jQueryUI가 here에서 권장 된 것으로 확인되었지만이 특정 코드가 전혀 작동하지 않습니다.

나는이 예제에서 소스를보고 PHP와 MySQL을 많이 얻으려고했다. 변수가 제대로 작동하는 것 같습니다.

다음 예에서는 ID가 100019 인 SPAN에서 ID가 res10 인 DIV를 직접 이동하려고 시도합니다. jQueryUI 스크립트가로드되도록 설정되어 있습니다.
태그는 두 개의 개별 위치에 있음을 입증하기위한 것입니다. 일단 이것이 작동하면, SPAN은 거의 어디든있을 수 있어야합니다.

<script language="javascript"> 
$(function() { 

$("#res10").position({ 
    my:  "left top", 
    at:  "left bottom", 
    of:  $("#100019"), //I also tried just "#100019" and that didn't work. 
    collision: "fit" 
}) 

}); 

</script> 
<span id="151520"> [a spacer gif, but nothing else] </span> 
<br /><br /> 
<div class="resContainer res10" id="res10">Information and Such</div>

resContainer 클래스의 CSS는 기본 position : 특성조차도 AT ALL 개체를 배치하지 않습니다.

편집 : '왜 이러는거야?'라는 질문을 할 수 있습니다. 왜냐하면 하드 코드를 사용하기 만하면 CSS만으로 모든 것이 성취 될 수 있기 때문입니다. 그 이유에 대한 자세한 설명을 듣지 않고서는 그런 식으로 작동하지 않을 것입니다.

jQuery가 offset() 변수를 가져 와서 CSS를 설정하여 동일한 결과를 얻을 수 있다면 좋겠지 만 무리를 시도했지만 실제로 작동하지 않습니다. 실제로이 값을 사용할 때와 같은 결과가 나옵니다. PHP/MySQL에 의해 생성 된 모든 DIV (표시되지 않음)가 PHP 스크립트가 호출되는 다른 모든 영역 아래의 화면 맨 아래에 서로 위에 표시된다는 것입니다.

출처

2012-04-09 Bryan Guidicianni

좋아요. 어떻게되었는지 정확히 모르겠지만 내 문제는 해결했습니다. 어쩌면 문법 오류나 UI 로딩이 잘못된 것일 수도 있습니다.하지만 여기까지 제가 완벽하게 작동하고 있습니다.

// - Can be placed anywhere, as long as it occurs before the SPAN it's adjusting 
<script type="text/javascript"> 
$(function() { 
    $("#resContainer3").position({ 
    "my": "right top", 
    "at": "right top", 
    "of": $("#100013"), 
    "offset": "-3 7" 
}); 
}); 
</script> 

<span class=resContainer id=resContainer3></span>

희망 사항은 나 자신과 동일한 문제가 발생하는 사용자에게 도움이되기를 바랍니다.

출처

2012-04-10 00:55:51

다른 요소를 통해 jQuery UI 위치 지정

답변

관련 문제