jQuery UIタブ追加のタブ

Question

jQuery UIのタブ機能を利用していますので、「タブの追加」ボタンをクリックしてタブを動的に追加するたびに、現在選択されているタブをコンテンツにプッシュします。タブを追加すると、タブIDはスキップされます。 （すなわち、＃ui-tabs-1、＃ui-tabs-3、＃ui-tabs-5）。私が気づいたChromeの開発ツールを見てみると、基本的に新しいタブごとに別のコンテナを追加していました。したがって、タブを追加した場合、プッシュダウンされる領域は＃ui-tabs-2になり、実際の新しいタブは＃ui-tabs-3になります。これはUIタブのデモでは起こりませんので、どこが間違っているのかはわかりません。ここで

は、より良いお見せするために何が起こっているかのフィドルです：http://jsfiddle.net/zKxYb/

Answer 1

ですselect: "add"を2回呼び出してコンテンツをプッシュダウンする方法でした。

Answer 2

はここにあなたの頭のタグに

#tabs li .ui-icon-close { 
float: left; 
margin: 0.4em 0.2em 0 0; 
cursor: pointer; 
} 

を以下のスタイルを追加更新フィドルを削除することで解決http://jsfiddle.net/zKxYb/3/