JQuery의 mbMenu 컨트롤에 OpenOnLeft 옵션을 추가하여 메인 메뉴의 왼쪽에 하위 메뉴를 열 수 있습니다
15367 단어 jquery
다음은 수정과 관련된 코드입니다. 여기에 남겨진 것은 단지 압축 파일일 뿐입니다.
먼저 OpenOnLeft 매개 변수를 추가합니다. 이 중 7줄은 추가된 코드입니다.
1 options: {
2 template: "yourMenuVoiceTemplate", // the url that returns the menu voices via ajax. the data passed in the request is the "menu" attribute value as "menuId"
3 additionalData: "",
4 menuSelector: ".menuContainer",
5 menuWidth: 400,
6 openOnRight: false,
7 openOnLeft: false,
8 containment: "window",
9 iconPath: "ico/",
10 hasImages: true,
11 fadeInTime: 100,
12 fadeOutTime: 200,
13 menuTop: 0,
14 menuLeft: 0,
15 submenuTop: 0,
16 submenuLeft: 4,
17 opacity: 1,
18 openOnClick: true,
19 closeOnMouseOut: false,
20 closeAfter: 500,
21 minZindex: "auto", // or number
22 hoverIntent: 0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;
23 submenuHoverIntent: 200, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;
24 onContextualMenu: function () { } //it pass 'o' (the menu you clicked on) and 'e' (the event)
25 },
다음 코드는 OpenOnLeft에 대한 처리를 포함하는데, 그 중에서 18 ~ 22 줄은 추가된 코드이다
1 switch (type)
2 {
3 case "sm":
4 t = $(this).position().top + op.options.submenuTop;
5
6 l = $(this).position().left + $(this).width() - op.options.submenuLeft;
7 break;
8 case "cm":
9 t = this.mouseY - 5;
10 l = this.mouseX - 5;
11 break;
12 default:
13 if (op.options.openOnRight)
14 {
15 t = $(this).offset().top - ($.browser.msie ? 2 : 0) + op.options.menuTop;
16 l = $(this).offset().left + $(this).outerWidth() - op.options.menuLeft - ($.browser.msie ? 2 : 0);
17 }
18 else if (op.options.openOnLeft)
19 {
20 t = $(this).offset().top - ($.browser.msie ? 2 : 0) + op.options.menuTop;
21 l = $(this).offset().left - $(this.menuContainer).outerWidth() - op.options.menuLeft - ($.browser.msie ? 2 : 0);
22 }
23 else
24 {
25 t = $(this).offset().top + $(this).outerHeight() - (!$.browser.mozilla ? 2 : 0) + op.options.menuTop;
26 l = $(this).offset().left + op.options.menuLeft;
27 }
28 break;
29 }
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.