jQuery를 Megamenu 위치 정렬

Question

http://www.osep2.uga.edu/EE/Home

은 어떻게 megamenu 드롭 다운 컨테이너의 왼쪽에 정렬 할 수 있습니까? 지금은 페이지 전체가 왼쪽으로 정렬됩니다. 상대 위치로 위치를 변경하면 드롭 다운이 더 이상 나타나지 않습니다.

감사합니다.

Answer 1

그래서 jkmegamenu가 코드를 컨테이너 내부에 배치하더라도 자동으로 상자를 컨테이너 외부로 강제 설정하는 것처럼 보입니다. 이와 같은 것을 사용하는 것을 권장하지는 않지만, 코드 하단에 일부 jQuery를 사용하여 수정 사항을 적용 할 수 있습니다.

// Gets your left offset of the container div 
var fromLeft = $('#container').offset().left; 

// move all menus to this new offset 
$('#megamenu1').css('left', fromLeft); 
$('#megamenu2').css('left', fromLeft); 
$('#megamenu3').css('left', fromLeft); 
$('#megamenu4').css('left', fromLeft); 
$('#megamenu5').css('left', fromLeft); 

명심하십시오. 이것은 간단한 수정입니다. 브라우저의 현재 크기에서만 작동합니다. 변경된 경우 오프셋은 동일하게 유지되므로 숫자를 다시 써야합니다. 나중에 참조 할 수 있도록 좀 더 일반적인 것을 할 것입니다. this one