案例：jQuery UI案例     状态：可编辑再运行    进入竖版
 运行结果　
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>jQuery UI 自动完成（Autocomplete） - 包含重音</title>
6
  <link rel="stylesheet" href="/css/jqu1.10.4/jquery-ui.min.css">
7
  <script src="/js/jqu/jquery.min1.10.2.js"></script>
8
  <script src="/js/jqu/jquery-ui.min1.10.4.js"></script>
9
  <link rel="stylesheet" href="jqueryui/style.css">
10
  <script>
11
  $(function() {
12
    var names = [ "Jörn Zaefferer", "Scott González", "John Resig" ];
13
14
    var accentMap = {
15
      "á": "a",
16
      "ö": "o"
17
    };
18
    var normalize = function( term ) {
19
      var ret = "";
20
      for ( var i = 0; i < term.length; i++ ) {
21
        ret += accentMap[ term.charAt(i) ] || term.charAt(i);
22
      }
23
      return ret;
24
    };
25
26
    $( "#developer" ).autocomplete({
27
      source: function( request, response ) {
28
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
29
        response( $.grep( names, function( value ) {
30
          value = value.label || value.value || value;
31
          return matcher.test( value ) || matcher.test( normalize( value ) );
32
        }) );
33
      }
34
    });
35
  });
36
  </script>
37
</head>
38
<body>
39
40
<div class="ui-widget">
41
  <form>
42
  <label for="developer">开发人员：</label>
43
  <input id="developer">
44
  </form>
45
</div>
46
47
48
</body>