jquery - 按下按钮时生成 jquery 选项卡

Question

我试图在按下包含 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 就像在可关闭选项卡中的此信息一样。请原谅我的基本知识；我还在学习。

Answer 1

你看过jQueryUI 选项卡小部件吗？

如果你还没有：停止你正在做的一切，并在你的服务器上测试运行示例。为什么要重新制造轮子，尤其是这样一个结构良好的轮子？