미디어위키:Vector.js: 두 판 사이의 차이
imported>Senouis (Hsl0님의 코드 반영) |
imported>Senouis 잔글 (Senouis의 편집을 [[특수:기여/imported>Manymaster|imported>Manymaster]]의 마지막 판으로 되돌림) |
||
1번째 줄: | 1번째 줄: | ||
/* 이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */ | |||
/** | /** | ||
* 사이드바 토글 버튼 추가 | |||
* [[미디어위키:vector.css]]의 `반응형 디자인 추가` 모듈의 의존성 모듈입니다. | |||
* 모바일 환경에서 왼쪽 사이드바를 접었다 폈다 해주는 버튼을 추가합니다.. | |||
function | * 작성자: [[사용자:BANIP|BANIP]] | ||
*/ | |||
function addSideBarOpenButton(){ | |||
var $btn = $("<button id='btn-panelopen'></button>"); | |||
var $wrap = $("#mw-navigation"); | |||
var $content = $("#content"); | |||
var $sidebar = $("#mw-panel"); | |||
$wrap.append($btn); | |||
$btn.on("click",function(){ $sidebar.addClass("visible") }); | |||
$content.on("click",function(){ $sidebar.removeClass("visible") }); | |||
} | } | ||
$( | $( addSideBarOpenButton ) |
2021년 7월 21일 (수) 06:35 판
/* 이 자바스크립트 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
/**
* 사이드바 토글 버튼 추가
* [[미디어위키:vector.css]]의 `반응형 디자인 추가` 모듈의 의존성 모듈입니다.
* 모바일 환경에서 왼쪽 사이드바를 접었다 폈다 해주는 버튼을 추가합니다..
* 작성자: [[사용자:BANIP|BANIP]]
*/
function addSideBarOpenButton(){
var $btn = $("<button id='btn-panelopen'></button>");
var $wrap = $("#mw-navigation");
var $content = $("#content");
var $sidebar = $("#mw-panel");
$wrap.append($btn);
$btn.on("click",function(){ $sidebar.addClass("visible") });
$content.on("click",function(){ $sidebar.removeClass("visible") });
}
$( addSideBarOpenButton )