Question

我使用Jquery UI来管理网页中的标签，我想从同一网页中的链接创建新的标签。新标签的内容是另一个网页...

这是创建新标签页的代码，但它使用通过“创建标签页”按钮打开的表单

// Actual addTab function: adds new tab using the input from the form above
function addTab() {
  var label = tabTitle.val() || "Tab " + tabCounter,
    id = "tabs-" + tabCounter,
    li = $( tabTemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label ) ),
    tabContentHtml = tabContent.val() || "Tab " + tabCounter + " content.";

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

我想使用链接来创建标签而不是按钮。

Answer 1

由于您使用的是此示例：https://jqueryui.com/tabs/#manipulation

您基本上将[1, 2, 3, 4, 5, 6, 7, 8, 9, 4, 5, 6, 7, 8, 9, 1, 2, 3, 7, 8, 9, 1, 2, 3, 4, 5, 6, 2, 1, 4] [2, 1, 3, 4, 5, 6, 7, 8, 9, 4, 5, 6, 7, 8, 9, 1, 2, 3, 7, 8, 9, 1, 2, 3, 4, 5, 6, 1, 2, 4] [3, 1, 2, 4, 5, 6, 7, 8, 9, 4, 5, 6, 7, 8, 9, 1, 2, 3, 7, 8, 9, 1, 2, 3, 4, 5, 6, 1, 2, 3]替换为<button>元素。

<a>

真的不需要进行任何其他更改。

希望有帮助。

如何使用UI代码从链接而不是addtab按钮创建UI-tab

1 个答案: