所以我有一些东西允许用户添加标签并删除标签...但是我如何根据我的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">×</a>';
$("#tabul").append('<li id="t'+count+'" class="ntabs">Session '+count+' '+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>
谢谢James
答案 0 :(得分:0)
请参阅此answer,基本上,您必须遵循相同的原则。
然后,使用数据库中返回的数据在addtab(rowId)
循环中调用for
。
但仍然不确定具有相同ID的行的含义。