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"/>&#13;
<link href="../css/jquery.uls.grid.css" rel="stylesheet"/>&#13;
<link href="../css/jquery.uls.lcd.css" rel="stylesheet"/>&#13;
<script src="../src/jquery.uls.data.js"></script>&#13;
<script src="../src/jquery.uls.data.utils.js"></script>&#13;
<script src="../src/jquery.uls.lcd.js"></script>&#13;
<script src="../src/jquery.uls.languagefilter.js"></script>&#13;
<script src="../src/jquery.uls.regionfilter.js"></script>&#13;
<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

• 本地化更新