通用语言选择器 jQuery插件 ULS

  • 源码大小:275.6KB
  • 所需积分:1积分
  • 源码编号:19JP-3051
  • 浏览次数:902次
  • 最后更新:2023年04月30日
  • 所属栏目:图库
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

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(){&#13;
  $('.uls-trigger').uls({&#13;
    onSelect: function(language){&#13;
      var languageName = $.uls.data.getAutonym(language);&#13;
      $( '.uls-trigger' ).text( languageName );&#13;
    },&#13;
    quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr']&#13;
  });&#13;
});

5.所有默认选项。

{&#13;
&#13;
// CSS top position for the dialog&#13;
top: undefined,&#13;
// CSS left position for the dialog&#13;
left: undefined,&#13;
// Callback function when user selects a language&#13;
onSelect: undefined,&#13;
// Callback function when the dialog is closed without selecting a language&#13;
onCancel: undefined,&#13;
// Callback function when ULS has initialized&#13;
onReady: undefined,&#13;
// Callback function when ULS dialog is shown&#13;
onVisible: undefined,&#13;
// Languages to be used for ULS, default is all languages&#13;
languages: $.uls.data.getAutonyms(),&#13;
// The options are wide (4 columns), medium (2 columns), and narrow (1 column).&#13;
// If not specified, it will be set automatically.&#13;
menuWidth: undefined,&#13;
// What is this ULS used for.&#13;
// Should be set for distinguishing between different instances of ULS&#13;
// in the same application.&#13;
ulsPurpose: '',&#13;
// Used by LCD&#13;
quickList: [],&#13;
// Used by LCD&#13;
showRegions: undefined,&#13;
// Used by LCD&#13;
languageDecorator: undefined,&#13;
// Used by LCD&#13;
noResultsTemplate: undefined,&#13;
// Used by LCD&#13;
itemsPerColumn: undefined,&#13;
// Used by LCD&#13;
groupByRegion: undefined,&#13;
// Used by LanguageFilter&#13;
searchAPI: undefined&#13;
&#13;
}

更新日志:

2023-04-27

  • 本地化更新

2023-04-19

  • jquery.uls.lcd.js:处理所选项目未确定的场景

2023-04-10

  • 本地化更新

Â