jQuery UI Tabs добавляет дополнительную вкладку

Question

Так что я использую функцию вкладки jQuery UI, и она работает нормально, однако каждый раз, когда я нажимаю кнопку «Добавить вкладку», чтобы динамически добавлять вкладку, она подталкивает мой контент вниз к выбранной в данный момент вкладке. И когда он добавляет вкладку, он пропускает идентификатор табуляции. (т. е. # ui-tabs-1, # ui-tabs-3, # ui-tabs-5). Просмотрев инструменты Chrome dev, я заметил, что это было добавление дополнительного контейнера для каждой новой вкладки. Поэтому, если я добавлю вкладку, область, где она будет нажата, будет # ui-tabs-2, а фактической новой вкладкой будет # ui-tabs-3. Это не происходит в демо-версии вкладки пользовательского интерфейса, поэтому я не уверен, где я ошибаюсь.

Вот скрипку того, что происходит, чтобы лучше показать вам: http://jsfiddle.net/zKxYb/

Answer 1

решаемые путем удаления select:, который дважды вызывал «добавление», в результате чего содержимое было нажато вниз.

Answer 2

Добавьте ниже стиль в вашей голове тега

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

Вот обновленный скрипку http://jsfiddle.net/zKxYb/3/