2

Jack Moore の Colorbox ウィンドウ内の Loopj の jQuery Tokeninput に問題があります。問題は、以下のスクリーンショットのように、Tokeninput のドロップダウンが Colorbox ウィンドウの下に表示されることです。

カラーボックス ウィンドウの下のドロップダウン

問題は、 tokeninput ライブラリ内のこのコードにある可能性があると思います(行 343-347):

// The list to store the dropdown items in
var dropdown = $("<div>")
    .addClass(settings.classes.dropdown)
    .appendTo("body")
    .hide();

カラーボックスウィンドウではなく、本文に追加されるためです。

誰かがこの問題を解決するのを手伝ってくれますか?

PS。私はこのライブラリをカラーボックス ウィンドウの外でも使用しているため、カラーボックスに追加するのはおそらく悪い考えです。

4

1 に答える 1

1

TokenInput のドロップダウンの z-index を変更することで、この問題を修正できるはずです。

Colorbox の z-index は 9999 で、TokenInput のデフォルト値はそれよりも低くなっています。

使用している TokenInput のバージョンに応じて、z-indexパラメーターがサポートされている場合は、初期化時にその値を変更できます。例えば

$('#myID').tokenInput("http://sourceurl.com",
                       {
                           zindex: 100001
                       }

それ以前のバージョンの場合div.token-input-dropdownは、token-input.cssファイル内の値を変更してみてください。

この問題について GitHub にプル リクエストを送信しましたが、残念ながら、プロジェクトは活動を休止しているようです。

于 2014-07-22T14:33:08.087 に答える