ULS是一个jQuery插件,允许您在网站上实现一个干净的Wikimedia通用语言选择器。
1.在您的网站上包含最新的jQuery库
<script src="/path/to/cdn/jquery.min.js"></script>
2.在页面上包含必要的jQuery ULS文件
<link href="../css/jquery.uls.css" rel="stylesheet"/> <link href="../css/jquery.uls.grid.css" rel="stylesheet"/> <link href="../css/jquery.uls.lcd.css" rel="stylesheet"/> <script src="../src/jquery.uls.data.js"></script> <script src="../src/jquery.uls.data.utils.js"></script> <script src="../src/jquery.uls.lcd.js"></script> <script src="../src/jquery.uls.languagefilter.js"></script> <script src="../src/jquery.uls.regionfilter.js"></script> <script src="../src/jquery.uls.core.js"></script>
3.为语言选择器创建一个容器
<span class="active uls-trigger">Select Language</span>
4.初始化触发器元素上的插件。
$(document).ready(function(){ $('.uls-trigger').uls({ onSelect: function(language){ var languageName = $.uls.data.getAutonym(language); $( '.uls-trigger' ).text( languageName ); }, quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] }); });
5.所有默认选项。
{ // CSS top position for the dialog top: undefined, // CSS left position for the dialog left: undefined, // Callback function when user selects a language onSelect: undefined, // Callback function when the dialog is closed without selecting a language onCancel: undefined, // Callback function when ULS has initialized onReady: undefined, // Callback function when ULS dialog is shown onVisible: undefined, // Languages to be used for ULS, default is all languages languages: $.uls.data.getAutonyms(), // The options are wide (4 columns), medium (2 columns), and narrow (1 column). // If not specified, it will be set automatically. menuWidth: undefined, // What is this ULS used for. // Should be set for distinguishing between different instances of ULS // in the same application. ulsPurpose: '', // Used by LCD quickList: [], // Used by LCD showRegions: undefined, // Used by LCD languageDecorator: undefined, // Used by LCD noResultsTemplate: undefined, // Used by LCD itemsPerColumn: undefined, // Used by LCD groupByRegion: undefined, // Used by LanguageFilter searchAPI: undefined }
2023-04-27
本地化更新
2023-04-19
jquery.uls.lcd.js:处理所选项目未确定的场景
2023-04-10
本地化更新
Â