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で、そのクラスの定義を見つけることができるはずです。それを使用していない場合は、次のように1つのyourslefを作成することもできます。

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

どういう風に見せたいのかわからないので、何を入れたらいいのかわからない。

とにかく、w3schools.com CSSチュートリアルを見て、使用するCSSを見つけることができます。

CSSではクラスセレクターであることに注意してください.ui-autocomplete-input。たとえば、他のセレクターを使用することもできます。

.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 に答える