0

我创建了一个 jQuery 自动完成功能，它适用于由 PHP 脚本生成的数组：

var tags = [{"id":"77","label":"110826"},
            {"id":"76","label":"110667"},
            {"id":"74","label":"110808"}];

但是，自动完成框将不起作用 - 我正在输入数组中的值，但没有发生任何事情，我不知道为什么。

请在此处查看我的小提琴；http://jsfiddle.net/j4yB3/

任何帮助将不胜感激，谢谢！

4

3 回答 3

1

你没有关闭你的<label>标签（不是很重要），但你的小提琴没有 jQueryUI 和 jQuery 引用。

试试这个。

于 2013-09-02T12:33:00.557 回答
0

我已经更新了解决方案的小提琴代码。确保您已添加 jquery js 和 jquery ui js

于 2013-09-02T12:37:57.133 回答
0 
<script>
  $(function() {
    var projects = [
      {
        value: "jquery",
        label: "jQuery",
        desc: "the write less, do more, JavaScript library",
        icon: "jquery_32x32.png"
      },
      {
        value: "jquery-ui",
        label: "jQuery UI",
        desc: "the official user interface library for jQuery",
        icon: "jqueryui_32x32.png"
      },
      {
        value: "sizzlejs",
        label: "Sizzle JS",
        desc: "a pure-JavaScript CSS selector engine",
        icon: "sizzlejs_32x32.png"
      }
    ];

    $( "#project" ).autocomplete({
      minLength: 0,
      source: projects,
      focus: function( event, ui ) {
        $( "#project" ).val( ui.item.label );
        return false;
      },
      select: function( event, ui ) {
        $( "#project" ).val( ui.item.label );
        $( "#project-id" ).val( ui.item.value );
        $( "#project-description" ).html( ui.item.desc );
        $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );

        return false;
      }
    })
    .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
      return $( "<li>" )
        .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
        .appendTo( ul );
    };
  });
  </script>
于 2013-09-02T12:40:35.000 回答