3

入力ボックスで jquery オートコンプリートを使用します。これは 100% 機能していますが、スタイリングには多少の作業が必要だと思います。

現在、jquery の提案は、他の入力要素のテキストの背後に表示されています。選択ボックスの下にある jquery オプションをクリックすると、オートコンプリート オプションが選択されるのではなく、選択ボックスがトリガーされます。

jqueryオートコンプリートを一番上に設定するにはどうすればよいですか? これは js の問題ですか、それとも css の問題ですか?

以下のコードで period という名前の他の入力要素を無効にしようとしましたが、機能しません:

<script type="text/javascript">
      $(function(){
        $("#customer").autocomplete({
          minlength: 5,
          source: "get_customers",
           open: function(event, ui) { // disable other inputs
        $("input#period").attr("disabled", "disabled");
    },
      close: function(event, ui) { // re-enable other inputs
        $("input#period").removeAttr("disabled");
    },
          messages: {
          noResults: '',
          results: function() {}
      }


        });
      });
</script>

jqueryリストを「ontop」にするか、他のフォームを無効にするかについて、アドバイスをいただければ幸いです。

4

4 に答える 4

6

試す

.ui-autocomplete{
   z-index:50;       //Where 50 is just an arbitrary number superior to your form's z-indexes
}
于 2013-03-15T08:01:49.250 に答える
3

HTML マークアップが表示されないため、例を提供できませんが、これを解決するにはz-index css プロパティを使用する必要があります。

すべての提案を含むコンテナーで使用する必要があります。一部の背景要素に設定する必要さえあるかもしれませんが、まだ使用していない場合はほとんどありません。

私は通常、次のように 999 に設定します。

z-index: 999;

それが上にとどまることを確認するためだけに。

于 2013-03-15T07:58:44.207 に答える
2

z-indexプロパティを使用する

    .ui-autocomplete
{
       z-index:50;
}
于 2013-03-15T08:39:00.383 に答える