JavascriptのJQuery UI Tabsで、HTML入りのTabをaddするには?
JavascriptのJQuery UIのTabsに関する質問です。
以下のURL
http://www.pharos-ei.com/mike/jquery/examples/ui.tabs.html
中の
"Triggering, Enabling, Disabling, Adding and Removing Tabs"の項目についてです。
ここで、Append new tabを押すと新たなタブが出来上がりますが、
その時にHTMLを含んだタブを表示したいのですがうまくいきません。
(現状、Append new tabを押したときに白紙のタブが開いているが、
タブを開いた時に、本文を動的に生成して書き込みたい。)
私が考えたのは、
id="new-tab"のdivがHTML内に出来ているので、
そこにdocument.getElementById(new-tab).innerHTMLとする方法でした。
しかし、これがうまくいかない状況です。
どなたか、addで生成したTabにHTMLを書き込む方法をご教授下さい。
具体的には、上記リンクを参考して次のコードを書きました。
-------------------------------------------------
var num = 1;
var lavel = '#tab' + num;
// ↓#tab1が生成される。ここまではできました。
$('#container-9 > ul').tabs('add', lavel, 'New Tab');
var divid = '"tab' + num + '"';
// ↓これがうまく動きません…
document.getElementById(divid).innerHTML = 'ああああああ';
----------------------------------------------------
何卒、宜しくお願いします。
補足
拡張機能で一応解決しました。ありがとうございます。