리브레 위키:운영진 요청/2022년 7월: 두 판 사이의 차이

편집 요약 없음
37번째 줄: 37번째 줄:
     $libretab.find('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
     $libretab.find('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
});
});
</syntaxhighlight
</syntaxhighlight>

2022년 7월 7일 (목) 19:21 판


미디어위키:common.js, 틀:탭 구현 부분 교체 요청

document.querySelectorAll('.libre .libre-tab').forEach(function (libretab) {
    var $libretab = $(libretab);
    var $btns = $libretab.children('.libre-tab-btns');
    var $content = $libretab.children('.libre-tab-main');
    $btns.children('.libre-tab-btn').click(function () {
        if (this.classList.contains('.libre-tab-btn-active')) return;
        $btns.children('.libre-tab-btn-active').removeClass('libre-tab-btn-active');
        this.classList.add('libre-tab-btn-active');

        var index = $(this).index();
        $content.children('.libre-tab-main-content-active').removeClass('libre-tab-main-content-active');
        $content.children('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
    });
})

토론 결과에 따라 반영을 요청합니다. 蒼天 토론 기여 2022년 7월 7일 (목) 14:41 (KST)

질문 어디부터 어디까지를 교체해야 하는지 안내 부탁드립니다. --Liebesfreud 사랑의 기쁨 (공개 기록·토론) 2022년 7월 7일 (목) 19:21 (KST)
/**
 * [[틀:탭]]용
 */
$('.libre-tab .libre-tab-btn').click(function() {
    if ($(this).hasClass('libre-tab-btn-active')) return;
    var $libretab = $(this).parents('.libre-tab');
    $libretab.find('.libre-tab-btn-active').removeClass('libre-tab-btn-active');
    $(this).addClass('libre-tab-btn-active');
    var index = $(this).index();
    $libretab.find('.libre-tab-main-content').removeClass('libre-tab-main-content-active');
    $libretab.find('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
});