Создайте вкладку динамически и загрузите содержимое вкладки с помощью jqueryui

Question

Я играю это Jqueryui Tab Manipulation, но я не мог изменить его так, как хочу, чтобы он работал. У меня есть меню, как

<li onclick="createTab('Title','home.php')">Home</li> 
<li onclick="createTab('Title','edit.php')">Edit</li> 
<li onclick="createTab('Title','view.php')">View</li> 
<div id="tabs">  
<div id="#tabs-1"> 
<ul> 
    <li><a href="#tabs-1">Tab Title here</a> 
    <span class="ui-icon ui-icon-close" role="presentation">Remove Tab</span> 
    </li> 
</ul> 
</div> 
<div id="tabs-1">tab content will be here</div> 
</div> 

Функция Jqueryui Я работаю до сих пор:

function creatTab(Title, url, e=null) { 
     e.preventDefault(); 
      var label = Title.val() || "Tab " + tabCounter, 
       id = "tabs-" + tabCounter, 
       li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{label\}/g, label)), 
       var tabContentHtml = load(url) || "Tab " + tabCounter + " content."; 

      tabs.find(".ui-tabs-nav").append(li); 
      tabs.append("<div id='" + id + "'><p>" + tabContentHtml + "</p></div>"); 
      tabs.tabs("refresh"); 
      tabCounter++; 
     } 

, и я хочу, чтобы динамически создавать вкладки и загружать edit.php во вновь созданной области содержимого вкладки, когда пользователь нажимает в меню «Правка» и т. д. В демонстрации манипуляции с вкладками вместо загрузки контента используется диалог. Я ищу решение в Google в течение довольно долгих часов, но не смог найти его, кроме некоторой библиотеки, например, jquery easyui предлагает simple solution. Это не помогает, поскольку я уже решил использовать jqueryui для моего проекта. Пожалуйста, помогите мне.

Answer 1

Название функции следующим образом отсутствует в 'е'

функция creatTab