Twitter bootstrap 使用引导/细枝动态添加新选项卡

我想在我的小枝中使用引导程序动态添加删除选项卡我找到了一个源代码，但当我单击“添加选项卡”时它不起作用没有发生任何事情你能帮我吗请这是我的小枝：

{% block javascripts %}
{{ parent() }}

<script type="text/javascript" >

    $(doument).ready();

    var pageNum = 1;
    $('#btnAdd').click(function () {
        var nextTab = $('#tabs li').size()+1;

        $('<li><a href="#tab'+nextTab+'" data-toggle="tab">Tab '+nextTab+'</a></li>').appendTo('#tabs');

        $('<div class="tab-pane" id="tab'+nextTab+'">tab' +nextTab+' content</div>').appendTo('.tab-content');

        $('#tabs a:last').tab('show');
    });    
    $('#btnAdd').click(function () {
        var nextTab = $('#tabs li').size()+1;
        $('<li><a href="#tab'+nextTab+'" data-toggle="tab">Tab '+nextTab+'</a></li>').appendTo('#tabs');

        $('<div class="tab-pane" id="tab'+nextTab+'">tab' +nextTab+' content</div>').appendTo('.tab-content');
        $('#tabs a:last').tab('show');
    }); 
</script>
{% endjavascripts %}
{% endblock %}

{% block sonata_admin_content %}

<a href="javascript:;" id="btnAdd"><i class="icon-plus-sign-alt"></i> Add Tab</a>

<ul class="nav nav-tabs hidden-print" role="tablist" id="tabPanel">
   <li classe="active"><a id="tab_form" href="#formulaire" role="tab" data-toggle="tab">Formulaire</a></li>
   <li><a id="tab_form" href="#formulaire" role="tab" data-toggle="tab">Tableau de bord</a></li>
</ul>

<div class="tab-content">

    <div class="tab-pane" id="formulaire">
        <div class="stats-content">
            <div class="connectedSortable ui-sortable">
                {% include 'TechappStatsBundle:Stats:form.html.twig' %}
            </div>
        </div>
    </div>    
</div>
{% endblock %}

{%block javascripts%}
{{parent（）}}
$（doment）.ready（）；
var pageNum=1；
$（'#btnAdd'）。单击（函数（）{
var nextTab=$（'#tabs li'）.size（）+1；
$（“
”）。附加到（“#制表符”）；
$（'tab'+nextTab+'content'）。附录（'tab content'）；
$（#制表符a:last'）。制表符（'show'）；
});    
$（'#btnAdd'）。单击（函数（）{
var nextTab=$（'#tabs li'）.size（）+1；
$（“
”）。附加到（“#制表符”）；
$（'tab'+nextTab+'content'）。附录（'tab content'）；
$（#制表符a:last'）。制表符（'show'）；
}); 
{%endjavascripts%}
{%endblock%}
{%block sonata_admin_content%}




{%include'TechappStatsBundle:Stats:form.html.twig%}
{%endblock%}

在添加按钮中单击 用这个

var nextTab = $("#tabPanel li").length+1;
//Add tab button to ul
$("#tabPanel").append("<li><a href='#tab"+nextTab+"' data-toggle='tab'>tab"+nextTab+"</a></li>");

//Add Tab Content
$(".tab-content").append("<div id='tab"+nextTab+"' class='tab-pane'>tab"+
nextTab+"Content</div>");

var nextTab=$（“#tabPanel li”）.length+1；
//添加标签按钮到ul
$（“#tabPanel”）。追加（“
”）；
//添加选项卡内容
$（“.tab内容”）.append（“tab”+
nextTab+“内容”）；

在添加按钮中单击 用这个

var nextTab = $("#tabPanel li").length+1;
//Add tab button to ul
$("#tabPanel").append("<li><a href='#tab"+nextTab+"' data-toggle='tab'>tab"+nextTab+"</a></li>");

//Add Tab Content
$(".tab-content").append("<div id='tab"+nextTab+"' class='tab-pane'>tab"+
nextTab+"Content</div>");

var nextTab=$（“#tabPanel li”）.length+1；
//添加标签按钮到ul
$（“#tabPanel”）。追加（“
”）；
//添加选项卡内容
$（“.tab内容”）.append（“tab”+
nextTab+“内容”）；

控制台中是否有任何错误？刷新后firebug没有任何错误firebug页面会告诉您ReferenceError:doument未定义$（doument）.ready（）；是的。您有一个

$（doment）.ready（）行，而它应该是
文档
。此外，这不是
document ready
的正确用法。我理解，但我不知道如何修复控制台中是否存在任何错误？刷新页面后firebug没有任何错误firebug告诉我们ReferenceError:doument未定义$（doument）.ready（）；是的。您有一个
$（doment）.ready（）行，而它应该是
文档
。此外，它不是
document ready
的正确用法。我理解，但不知道如何修复它