Javascript 使用jquery添加和删除菜单

好吧，我正试图用一个按钮打开多个菜单，但是jquery的代码似乎仍然出错或丢失了一些重要的东西

代码如下：

小部件：

<div class="wizard">
    <div class="widget widget-tabs widget-tabs-gray">
        <!-- Widget heading -->
        <div class="widget-head">
            <ul>
                <li class="active"><a href="#tab1-1" data-toggle="tab"><i></i>Data Siswa</a></li>
                <li><a href="#tab2-1" data-toggle="tab"><i></i>Data Kerabat</a></li>
                <li><a href="#tab3-1" data-toggle="tab"><i></i>Data Keluarga</a></li>
                <li><a href="#tab5-1" data-toggle="tab"><i></i>Save</a></li>
            </ul>
        </div>

 <div class="row-fluid row-merge">
        <form action="student_post.php" method="post" name="noform">
        <div class="widget-body">
            <div class="tab-content">
                <?php
                    //$string1=sprintf("%04d", $id); for display to the  0001 0010 0100 etc..
                ?>

}))

这是链接

---

就这些。所以我必须用这个，但对于菜单来说太长了，我应该用$GET还是别的？谢谢。

开发工具的控制台输出是什么？有错误吗？没有。我只是在用记事本++&xampp。我没有使用任何cms。@ash\u 8247是指打开页面的浏览器中的开发工具。通常用F12压力机打开。有一个控制台，其中是否有任何错误/消息？没有，只是无法添加或删除它。通过单击按钮添加，这些列将自身倍增一次。请提供运行代码的示例，我的意思是我可以检查自己，或者为每个步骤提供更多屏幕截图（添加前、添加后、删除前等），最好在其上为示例中涉及的按钮、菜单提供一些标记

<div class="tab-pane" id="tab2-1">
                    <div class="span6">
                        <div class="innerAll">  
                            <input type="radio" id="dkerabat" name="radiokerabat" class="margin0" value="1" /><label class="padleft5">Ada Kerabat</label>
                            <input type="radio" id="ekerabat" name="radiokerabat" class="margin0" checked="checked" value="0" /><label class="padleft5">Tidak Ada</label>
                            <div class="separator bottom"></div>

                            <label class="strong">Bekerja</label>
                            <input type="radio" name="kerja" id="kerja1" value="TETAP" class="margin0" disabled="disabled" /><label class="padleft5">Tetap</label>
                            <input type="radio" name="kerja" id="kerja2" value="CALON TETAP" class="margin0" disabled="disabled" /><label class="padleft5">Calon Tetap</label>
                            <br />
                            <input type="radio" name="kerja" id="kerja3" value="HONORER" class="margin0" disabled="disabled" /><label class="padleft5">Honorer</label>
                            <input type="radio" name="kerja" id="kerja4" value="KONTRAK" class="margin0" disabled="disabled" /><label class="padleft5">Kontrak</label>
                            <div class="separator bottom"></div>

<a class="btn btn-primary btn-icon glyphicons circle_plus" href ="#"><i></i> Tambah</a>

jQuery(document).ready(function($){
$('.my-form .add-box').click(function(){
    var n = $('.text-box').length + 1;
    if( 5 < n ) {
        alert('Stop it!');
        return false;
    }
    var box_html = $('<p class="text-box"><label for="box' + n + '">Box <span class="box-number">' + n + '</span></label> <input type="text" name="boxes[]" value="" id="box' + n + '" /> <a href="#" class="remove-box">Remove</a></p>');
    box_html.hide();
    $('.my-form p.text-box:last').after(box_html);
    box_html.fadeIn('slow');
    return false;
});

$('.my-form').on('click', '.remove-box', function(){
    $(this).parent().css( 'background-color', '#FF6C6C' );
    $(this).parent().fadeOut("slow", function() {
        $(this).remove();
        $('.box-number').each(function(index){
            $(this).text( index + 1 );
        });
    });
    return false;
});