jquery-ui - jQuery UI 选项卡，编辑选项卡标题

Question

在 jquery ui 选项卡中。它们具有可以添加和删除选项卡的功能。

是否可以编辑现有选项卡，例如双击它，然后您可以键入新标题或任何可能的方法，只要出现新标题，然后将值传递到外部数据库。

Answer 1

您是否尝试过并收集了一些想法？

抱歉，我不确定是否有人会完成整个编码（除非他们已经完成并且愿意分享）。

您可能需要为每个选项卡添加隐藏的文本框。然后，您需要为 UI 的选项卡部分添加双击事件处理程序，然后显示相应的文本框并隐藏实际的选项卡标题。然后，您可以在文本框上添加 onblur 事件（即当离开文本框时）并捕获其中的数据，对其进行处理以更改实际标题并同时将其传回数据库进行保存。

希望这是您的起点。

Answer 2

您可以使用简单的 jQuery 来操作选项卡标签文本，方法是直接访问其文本（尝试检查生成的 DOM）。

在示例中，我使用一个按钮来更改第二个选项卡标题，但是可以在从 DB 获取数据后调用代码。

代码：

$(document).ready(function () {
    $("#tabs").tabs();

    $("#changeTit").button().click(function(){
        $('#tabs ul:first li:eq(1) a').text("Other text");
    });
});

演示：http: //jsfiddle.net/IrvinDominin/zpxta/