사용자:Hsl0/연구소/4: 두 판 사이의 차이

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!
테스트
테스트

@@ 2번째 줄: / 2번째 줄: @@
 {{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"><span class="popuplink-label">제목 없음, 수동 닫기</span><div class="popuplink-content">Hello, World!</div></span>