【问题标题】:How can I add design to my jquery autocomplete? [closed]如何将设计添加到我的 jquery 自动完成功能? [关闭]
【发布时间】:2012-05-25 23:57:20
【问题描述】:

我创建了一个 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
            });
        }
    });

【问题讨论】:

  • 您需要一些 css 代码来设计您的自动完成框。你创建了一个吗?
  • 我还没有尝试将它链接到库,但我只想要简单的设计,就像它在这里显示的那样:jqueryui.com/demos/autocomplete

标签: jquery asp.net autocomplete


【解决方案1】:

自动完成插件是官方 jquery UI 的一部分。

如果你所说的“设计”是指 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"/>

干杯!

【讨论】:

  • 我已经从你给我的链接下载了那个文件。还是没有设计。我真的很抱歉。我对这个东西很陌生。特别是在 UI 上进行设计。
  • 不用担心 :) 你不需要下载任何东西。只需复制并粘贴我在 标签中输入的谷歌代码,就可以了!确保将其粘贴到自动完成所在页面上的 head 标记中!
  • 是的,我试过了。我不知道这是否真的是您想要的设计,但它显示的只是灰色背景颜色,宽度占据整个页面。 :) 我终于明白你对 ui 下载的意思了。我仍然需要其他以下文件 UI Core UI Widget UI Position 还是包含在 jquery-ui-1.8.20.custom 中?谢谢!
  • 是的,您需要核心和自动完成功能。然后你需要加载你的脚本 然后你的样式表
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-06-22
  • 1970-01-01
  • 1970-01-01
  • 2017-07-21
  • 1970-01-01
  • 1970-01-01
  • 2011-10-23
相关资源
最近更新 更多