jQuery UIタブ追加のタブ

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

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

出典

2012-02-19 Ed R

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

出典

2012-02-19 05:46:19

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

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

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

出典

2012-02-19 05:27:25 DG3

これは、閉じるボタンのスタイルを変更するのに役立ちましたが、問題はまだ存在しています。 –

答えて

関連する問題