Закрытие вкладок jQuery Ui

Question

Я следовал инструкциям на сайте jQuery, чтобы закрыть вкладки jQuery, но он не работает. ниже мой фрагмент кода.

<script type="text/javascript" src="js/ui.tabs.closable.min.js"></script>

var mainTab = $("#contentTab").tabs({closable: true});
$("#checkup").click(function(){

mainTab.tabs('add','checkup.php','CheckUp');
var newIndex = mainTab.tabs("length") - 1;
mainTab.tabs("select", newIndex);
});

$("#registration").click(function(){

mainTab.tabs('add','reception.php','Registration');
var newIndex = mainTab.tabs("length") - 1;
mainTab.tabs("select", newIndex);

Answer 1

Проверьте кнопку "Закрыть" для вкладок пользовательского интерфейса jQuery и рабочей демонстрации.

Answer 2

Мое решение:

function closeTab(tabTitle) {
 $('ul li[role=tab] a').each(function() {
  var parent = $(this).parent();
  if ($('a',parent).text() == tabTitle) {
   $('span',parent).click();
  }
 });
}