3

https://github.com/aehlke/tag-itのプラグインtag-it (デモ-http://aehlke.github.com/tag-it/examples.html)で、オートフォーカスを追加するにはどうすればよいですか? (つまり、trueに設定すると、メニューが表示されたときに最初の項目が自動的にフォーカスされます)jqueryの機能--tag-it.js?

編集:この機能は、「Enterキー」が押されたときに、提案を入力したり、入力ボックスに表示したりできるようにする必要があります。

4

2 に答える 2

1

tag-it.jsファイルに次のいくつかを作成することで、自動フォーカスの提案を入力する問題を解決することができました。

次の直後の行113で、フォーカスされた提案の値を受け取るための変数を定義しましたvar that = this;

var that = this;
var focuse;

279行目以降の関数- this.tagInput.keydown(function(event) {})、以下を追加する必要があります。

.on( "autocompletefocus", function( event, ui ) {

focuse = ui.item.value;

})

次に、最後に関数内で、次のようthis.tagInput.keydown(function(event) {})に置き換えthat.createTag(that._cleanedInput());ます。

if (focuse !== '' && event.which === $.ui.keyCode.ENTER)
{
that.createTag(focuse);
focuse = '';
}
else
{
that.createTag(that._cleanedInput());
}

オートフォーカスを有効にするにautocomplete: {autoFocus: true}は、tagitプラグインを呼び出すファイルにautocomplete()オプションを次のように追加します。

$("#tags").tagit({
availableTags : availableTags,
autocomplete: {autoFocus: true}
});
于 2013-02-15T19:22:20.393 に答える
0

次に例を示します:http://jsfiddle.net/UQTY2/8/

それがあなたが期待していることだといいのですが

$(document).ready(function(){

var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];

$("#tags").tagit({
    availableTags : availableTags,
    showAutocompleteOnFocus : true,
    autocomplete: {delay: 0, minLength: 0, autoFocus: true},
});
});
于 2013-02-10T10:45:36.743 に答える