查看“Widget:NavBoxColorToggle”的源代码

<noinclude> </noinclude><includeonly><!--{if !isset($wgNavBoxColorToggle) || !$wgNavBoxColorToggle}--><!--{assign var="wgNavBoxColorToggle" value=true scope="global"}--><script>
window.RLQ = window.RLQ || [];
window.RLQ.push(function() {
    mw.loader.implement("widgetNavBoxColorToggle", function() {
        if (!$('.NavBoxColorToggle')[0]) return false;
        //log func
        function remember(flag) {
            if (flag === false || flag) {
                var exp = new Date();
                exp.setTime(exp.getTime() + 12450 * 24 * 60 * 60 * 1000);
                if (window.localStorage) localStorage.setItem('widgetNavBoxColorToggleFlag', !!flag);
                else document.cookie = 'widgetNavBoxColorToggleFlag=' + !!flag + ";expires=" + exp.toGMTString();
            } else {
                if (window.localStorage) return localStorage.getItem('widgetNavBoxColorToggleFlag') == 'true' ? true : false;
                else {
                    var arr = document.cookie.match(/(^| )widgetNavBoxColorToggleFlag=([^;]*)(;|$)/)
                    if (arr) return arr[2] == 'true' ? true : false
                    else return false;
                }
            }
        }
        $('.NavBoxColorToggle').each(function() {
            var self = $(this),
                list = $(this),
                button = $('<span class="mw-collapsible-toggle"><span class="mw-collapsible-bracket">[</span><a class="LLColorToggleButton">去除颜色</a><span class="mw-collapsible-bracket">]</span></span>');
            list.splice(0, 1); //create an empty jQObj
            self.find('span').each(function() {
                if (!/color:(?!black)/.test($(this).attr('style'))) return;
                list.push(this);
                $(this).attr('data-color', $(this).css('color'));
            });
            list.addClass('NavBoxColor')
            self.find('th:first :mw-collapsible-toggle:first').after(button);
            button.find('.LLColorToggleButton').bind('click', function() {
                if (list.first().css('color') == list.first().attr('data-color')) {
                    list.css('color', 'inherit');
                    $(this).text('还原颜色');
                    remember(true);
                } else {
                    list.each(function() {
                        $(this).css('color', this.dataset.color);
                    });
                    $(this).text('去除颜色');
                    remember(false);
                }
            });
            if (remember()) button.find('.LLColorToggleButton').click();
        });
    });
});</script><style>
.NavBoxColor {
    transition: 0.37s all linear;
}</style><!--{/if}--></includeonly>