1

jQuery Tokenizer ( http://loopj.com/jquery-tokeninput/ ) を使用しており、通常の入力のようにプレースホルダー テキストを追加しようとしています。

placeholder次のような典型的なタグ要素にテキストを入れてみました:

<input data-autocomplete-source="http://localhost:3000/city_to_zips" id="account_town" name="city_to_zip_id" placeholder="Enter city..." type="text" style="display: none; ">

しかし、明らかに、トークナイザーはその入力を隠しています。

4

1 に答える 1

1

方法 1: jquery.tokeninput.jsファイルで作成された入力にプレースホルダー属性を直接追加することです。

// Create a new text input an attach keyup events
var input_box = $("<input type=\"text\"  autocomplete=\"off\" placeholder=\"Enter city...\">")

方法 2:デフォルト設定の 1 つとして placeHolderText を追加します。最初にパラメーターを DEFAULT_SETTINGS に追加します。例:

placeHolderText: 'Enter City...',

次に、次を追加します。

.attr("placeholder", $(input).data("settings").placeHolderText)

前

.attr("id", $(input).data("settings").idPrefix + input.id)

デフォルトでは、プレースホルダー テキストは "Enter City..." になります。トークン入力を設定するときにこれをオーバーライドできます。

$(function() {
    $("#account_town").tokenInput("http://example.com/search", {
    'placeHolderText': 'Enter Town...',
});

Pastebinを参照(変更は31、244行目)

于 2012-11-27T22:46:55.260 に答える