我在我的项目中使用 PHP + jQuery + Fancybox。我有多个动态创建的选项卡。我在每个选项卡标题上都有一个星形图标,单击它们时我想打开一个花式框。
我的标签基本上是 ul-li,带有以下动态代码。
$("#tabs").append("<li class='current'><a class='tab' id='tab_" +
tabCnt + "<a href='#loginBox_div' class='login_link'> <img src='star.png' style='cursor:pointer'/> </a>" + "<a href='javascript:void(0);' class='remove'>x</a></li>");
在我的索引文件中:
$(document).ready(function() {
$("a.login_link").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
问题是当我单击第一个选项卡的星形图标时,loginBox_div(fancybox)会正确打开。但是,当我的第二个选项卡被创建并单击它的星形图标时,虽然该类应用于第二个和后续选项卡,但幻想框并未打开。也没有javascript错误。请给我指路。谢谢你。