사용자:Hsl0/연구소/4: 두 판 사이의 차이
imported>Hsl0 편집 요약 없음 |
imported>Hsl0 편집 요약 없음 |
||
| 2번째 줄: | 2번째 줄: | ||
{{pluginX|../3.js}} | {{pluginX|../3.js}} | ||
* <span class="popuplink" data-autoclose><span class="popuplink-label">제목 없음, 자동 닫기</span><div class="popuplink-content">Hello, World!</div></span> | * <span class="popuplink" data-autoclose><span class="popuplink-label"><span style="color: black">제목 없음, 자동 닫기</span></span><div class="popuplink-content">Hello, World!</div></span> | ||
* <span class="popuplink" data-autoclose><span class="popuplink-label">제목 있음, 자동 닫기</span><span class="popuplink-header">테스트</span><div class="popuplink-content">Hello, World!</div></span> | * <span class="popuplink" data-autoclose><span class="popuplink-label">제목 있음, 자동 닫기</span><span class="popuplink-header">테스트</span><div class="popuplink-content">Hello, World!</div></span> | ||
* <span class="popuplink"><span class="popuplink-label">제목 없음, 수동 닫기</span><div class="popuplink-content">Hello, World!</div></span> | * <span class="popuplink"><span class="popuplink-label">제목 없음, 수동 닫기</span><div class="popuplink-content">Hello, World!</div></span> | ||
2021년 7월 27일 (화) 14:05 판
/**
* @requires oojs-ui-widgets
* @requires ext.gadget.Tasker
**/
registerRenderer(function createPopupButton() {
$('.popuplink').each(function() {
var $header = $(this).find('.popuplink-header');
var widget = new OO.ui.PopupButtonWidget({
label: $(this).find('.popuplink-label'),
framed: false,
popup: {
head: $header.length || !('autoclose' in this.dataset),
padded: true,
autoClose: 'autoclose' in this.dataset,
label: $header,
$content: $(this).find('.popuplink-content')
}
});
$(this).html(widget.$element);
});
});
- 제목 없음, 자동 닫기Hello, World!
- 제목 있음, 자동 닫기테스트Hello, World!
- 제목 없음, 수동 닫기Hello, World!
- 테스트제목 있음, 수동 닫기Hello, World!
- 테스트
- 테스트