Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
mw.loader.using( ['oojs-ui-core', 'oojs-ui-widgets'] ).done( function() {
$( '.story-dialogue' ).each( function() {
var $sd_en = $( this ).find( '.sd-en' );
var $sd_jp = $( this ).find( '.sd-jp' );
var toggleButton = new OO.ui.ButtonSelectWidget( {
items: [
new OO.ui.ButtonOptionWidget({ data: 'en', label: 'EN' }),
new OO.ui.ButtonOptionWidget({ data: 'jp', label: 'JP' }),
],
align: 'left'
} );
toggleButton.selectItemByData('en');
toggleButton.on( 'choose' , function( item, selected ) {
console.log( item );
if ( item.getData() === 'en' ) {
$sd_jp.hide();
$sd_en.show();
} else if ( item.getData() === 'jp' ) {
$sd_en.hide();
$sd_jp.show();
}
});
$( this ).find( '.sd-toggle' ).append( toggleButton.$element );
});
});