如何在jquery自动完成中添加设计?

时间:2012-05-18 11:50:25

标签: jquery asp.net autocomplete

我创建了一个jquery自动完成,但是我需要设计它以使其看起来很漂亮。任何人都可以指导我设计吗?

我真的不知道你是否需要我的代码,但这是我自动完成的jquery代码:

    $.ajax({
        url: "webservices/wbFilters.asmx/getAutoComplete",
        data: jsonData,
        type: "POST",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function (mydata) {

            var resultsArr = [];

            for (var i = 0; i < mydata.d.length; i++) {
                resultsArr.push(mydata.d[i].results)
            }

            alert(resultsArr);


            $("#tags").autocomplete({
                delay: 10,
                source: resultsArr
            });
        }
    });

先谢谢!!

1 个答案:

答案 0 :(得分:1)

autocomplete插件是官方jquery UI的一部分。

如果用'design'表示CSS,那么你可以在这里为jQuery UI设计自己的主题:

http://jqueryui.com/themeroller/

对于已制作的主题,请使用Google库:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all"/>

干杯!