9

jQuery でモーダル ポップアップ コントロールを使用しています。ポップアップには、jQuery Tokenize 入力プラグインを利用した入力テキストがあります。問題は、モーダル ポップアップ テキスト ボックスに何かを入力すると、tokenize プラグインによる検索結果がポップアップの下に隠れて表示されることです。実際には、すべてのコントロールの上に表示されるはずです。初心者なので誰か教えてください。

以下のスレッドから助けを求めてみてください。zindex が機能していません。 https://github.com/loopj/jquery-tokeninput/issues/190

これが私が使用している入力コントロールです。 http://loopj.com/jquery-tokeninput/demo.html

ありがとうございました。

4

2 に答える 2

12

z-index を手動で設定することで機能します。

$(".token-input-dropdown").css("z-index","9999")

https://github.com/loopj/jquery-tokeninput/issues/190で指定された関数 は、私の coffeescript では機能しません。

$('#book_author_tokens').tokenInput('/authors.json', { 
    zindex: 9999
  });
于 2012-07-23T13:20:13.333 に答える
1

より良い解決策は、（js経由ではなく）cssファイルに追加することだと思います：

div.token-input-dropdown-facebook {           
   z-index: 11001 !important;
}

もちろん、デフォルトのテーマを使用している場合は、「-facebook」サフィックスを削除してください。

于 2016-07-13T16:07:45.193 に答える