按下按钮时生成jquery选项卡

时间:2012-11-26 20:52:16

标签: jquery

我正在尝试按下包含div的按钮生成标签(也可以关闭)。目前我用来生成div的是:

function addStream(name) {

    if ($("#stream_"+name)[0]!=null) { return; };
    var d=$("<div></div>");
    $(d).attr("id", "stream_"+name);
    $(d).attr("class", "container_small");
    $(d).append("<iframe width='560' height='340' style='border: 0; outline=0' frameborder='0' scrolling='no' src='http://cdn.livestream.com/embed/"+name+"?layout=4&amp;height=340;width=560&amp;autoplay=false'></iframe>");
    $(d).append("<iframe width='300' height='340' style='border: 0; outline=0' frameborder='0' scrolling='no' src='http://cdn.livestream.com/embed/"+name+"?layout=6&amp;height=400&amp;width=300&amp;showTimestamp=true'></iframe>");
    $(d).append("<br><div style=\"display: inline-block; margin: 4px;\"><input type=\"button\" value=\"close\" onclick='removeStream(\""+name+"\")'></input></div>");
    $("#view").append(d);
}

ID就像这个关闭选项卡中的信息一样。请原谅我的基本知识;我还在学习。

1 个答案:

答案 0 :(得分:1)

你看过jQueryUI tabs widget吗?

如果您还没有:停止正在进行的所有操作,并在服务器上运行测试示例。为什么要重新制作轮子,特别是如此精心构造的轮子?