我正在开发一个标签系统,这些标签有一些特定的颜色。我想将预先选择的标签从数据库中添加到 tagcontainer 中,但它不起作用。
mysql_result($result,0,"group_tag"):
<span class="label label-success">Male</span>,<span class="label label-success">Female</span>
更多信息,你也可以去我之前的问题:
将标签的信息传递给php并在另一个页面显示(也可以在另一个页面更新)?
而jsfiddle是http://jsfiddle.net/V9Euk/1015/
这是javascript代码:
$(function(){
tags = new Array(<?php echo explode(',', mysql_result($result,0,"group_tag")); ?>);
$('#edit_button').click(function(){
$("#tag_handler").append(tags);
});/*displays the tags already exists*/
function add_tag(that){
var tag = $(that).text();
if($.inArray(tag, tags)>=0|| tags.length >= 10) return;
tags.push(tag);
var singleValues = $(that).find('span').clone();
singleValues[0].innerHTML += "×";
$("#tag_handler").append(singleValues);/*display the selected tags in the tag_handler with × style*/
}
$(".fly li").click(function(){
add_tag(this);
});/*add tags to the tag_container when click the li*/
$('#tag_handler').on('click', 'span', function(){
var tag = $(this).text();
var index = $.inArray(tag, tags);
tags.splice(index,1);
$(this).remove();
});/*remove the tag when click this tag in the tag_container*/
$('input#tags_selected').val(tags);
});