jQuery UI选项卡,编辑选项卡标题

时间:2013-09-15 11:39:31

标签: jquery-ui jquery

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

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

2 个答案:

答案 0 :(得分:1)

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

抱歉,我不确定是否有人会进行整个编码(除非他们已经完成并且愿意分享)。

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

希望这是你的起点。

答案 1 :(得分:0)

您可以使用简单的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/