1

我制作了一个 javascript 自动完成功能，但我的 CSS 样式有问题。我应该在#keywords 中包含哪些基础知识？这是 JS 代码：

<script>
$(document).ready(function() {
  $("#keywords").autocomplete({
    source: keywordList,
    minLength: 2,

  });
});
</script>
4

1 回答 1

0

您可能知道，选择器用于指定您要操作的标签。在这种情况下，将它们转换为自动完成字段。标签的样式与 javascript 代码关系不大，更多的是与 CSS 和您可能需要的任何其他资源（例如图像）有关。尽管可以使用 javascript 编写样式，但它不是在选择器字符串内部完成的。

CSS

JQuery 会将此类添加到它转换为自动完成的标签中：ui-autocomplete-input。您应该能够在您应该使用 JQuery UI 获得的主题中找到该类在 CSS 中的定义。如果你不使用它，你也可以自己写一个，就像这样：

<style type="text/css">
    .ui-autocomplete-input
    {
        /*your style here*/
    }
</style>

我不知道你希望它是什么样子，所以我不知道在里面放什么。

无论如何，您可以查看w3schools.com CSS 教程并了解要使用的 CSS。

请注意.ui-autocomplete-input，CSS 中是一个类选择器，您也可以使用任何其他选择器，例如：

.class /*to match a class*/
{
     /*your style here*/
}

#id /*to match an id*/
{
     /*your style here*/
}

body /*to match a tag name*/
{
     /*your style here*/
}

body > table /*to match a direct child*/
{
     /*your style here*/
}

body table /*to match a child (no matter how many levels inside)*/
{
     /*your style here*/
}

这些选择器与您将在 JQuery 中使用的选择器相同，例如，当您通过$("#keywords").

如果你想用jquery来改变一个标签的样式，你可以这样写代码：

$("#keywords").css('border', '1px solid black');​​​​​

但如果样式不会改变，最好使用 CSS。

注意：记得指定脚本类型：<script type="text/javascript"> /*code*/ </script>

于 2012-06-17T06:38:52.770 回答