1

jqueryダイアログプラグイン呼び出しによってロードされるdiv内のテキストエリアでtagsinputプラグインを動作させようとしています。

使用するプラグインは/xoxco/jQuery-Tags-Input です。

textarea 要素の準備ができているかどうかの初期チェックを行いました。呼ばれるまでの間です。

textarea は、tagsinput プラグインによってタグとして表示されません。ただし、ブラウザで firebug から同じことを試すと、次のようになります。

 $('#textarea').importTags('guava','cherry'); // this works

以下のコード:

jsp ファイル:

<div id="mydialog">
<textarea name="tags" id="textareaId">
</div>

JavaScript ファイル:

$(document).ready(function(){

$("#mydialog").dialog({
    modal: true,
    draggable: false,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "YES": function() {
            $(this).dialog("close");
        }
    }
});

$('#textarea').tagsInput({
   'autocomplete_url': '',
   'autocomplete': { 
       source: ['apple','banana'],
       autofill:true
    },
   'height':'100px',
   'width':'300px',
   'interactive':true,
   'defaultText':'add a tag',
});
$('#textarea').importTags('guava','cherry');
});

なぜ助けになるのですか？

4

1 に答える 1

0

tagsinput が呼び出される前に、$('#textarea') はドキュメントでまだ準備ができていませんでした。tagsinput の呼び出しを遅らせたところ、問題なく動作しました。

于 2016-09-22T06:09:56.080 に答える