2016-07-26 6 views
0

jqueryダイアログプラグインコールによってロードされたdiv内にあるtextareaで動作するようにtagsinputプラグインを試しています。/xoxco/jQuery-Tags-Input.*を使用してタグを表示できません。

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

私はtextarea要素が準備完了であるかどうかを最初に確認しました。呼び出される前です。

textinaはtagsinputプラグインによってタグとして表示されません。しかし、私は、ブラウザで放火犯から同じことをしようとすると:

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

コード以下:

JSPファイル:

ジャバスクリプトファイル
<div id="mydialog"> 
<textarea name="tags" id="textareaId"> 
</div> 

$(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'); 
}); 

すべてのヘルプなぜですか?

答えて

0

$( '#textarea')は、tagsinputが呼び出される前に文書内で準備ができていませんでした。私はtagsinputの呼び出しを延期し、うまくいきました。

関連する問題