1

所以我有一些东西可以让用户添加标签和删除标签......但是我将如何根据我的 sql 数据库中的数据生成默认数量的标签。例如，如果它们是 id 字段中具有相同 id 的 4 行，它将生成 4 个选项卡，因为有 4 行具有相同的 id。

这是我发现的标签。

<script>
$(function() {

var total_tabs = 0;



    // initialize first tab

    total_tabs++;

    addtab(total_tabs);



    $("#addtab, #litab").click(function() {

    total_tabs++;

    $("#tabcontent p").hide();

    addtab(total_tabs);

    return false;

    });


    function addtab(count) {

    var closetab = '<a href="" id="close'+count+'" class="close">&times;</a>';

       $("#tabul").append('<li id="t'+count+'" class="ntabs">Session      '+count+'&nbsp;&nbsp;'+closetab+'</li>');

       $("#tabcontent").append('<p id="c'+count+'">Tab Content '+count+'</p>');


       $("#tabul li").removeClass("ctab");

       $("#t"+count).addClass("ctab");



       $("#t"+count).bind("click", function() {

        $("#tabul li").removeClass("ctab");

        $("#t"+count).addClass("ctab");

        $("#tabcontent p").hide();

        $("#c"+count).fadeIn('slow');

       });



       $("#close"+count).bind("click", function() {

        // activate the previous tab

        $("#tabul li").removeClass("ctab");

        $("#tabcontent p").hide();
        $(this).parent().prev().addClass("ctab");

        $("#c"+count).prev().fadeIn('slow');



        $(this).parent().remove();

        $("#c"+count).remove();

        return false;

     });

      }

  });

  </script>


 <ul id="tabul">
 <li id="litab" class="ntabs add"><a href="" id="addtab">Add tab + </a></li>
 </ul>

谢谢詹姆斯

4

1 回答 1

0

请参考这个答案，基本上，您必须遵循相同的原则。然后，调用addtab(rowId)for使用从数据库返回的数据进行循环调用。

不过，仍然不确定具有相同 ID 的行是什么意思。

于 2013-01-31T21:19:03.570 回答