同一页面上的多个fancybox

Question

我正在使用带有ajax请求的fancybox在同一页面上打开multilpe fancybox实例： 这是HTML代码： <a href="/mp_tool.php?to=51" id="box_mp1" class="comment_button_fancy" title="Mp to User">User</a>

这是我用过的Javascript：

<script type="text/javascript">
$(document).ready(function()
{
$(".comment_button_fancy").click(function(){

var element = $(this);
var Ide = element.attr("id");
$("#"+Ide).fancybox();


return false;});});
</script>

一切都可以，只有1个问题...第一次加载页面时，我需要点击2次“用户”打开fancybox ... 如果我打开fancybox然后我关闭它，第二次我只能点击一次... 为什么呢？

由于

Answer 1

第一次点击将事件注册到DOM，第二次（和后续的）显示Fancybox。

如果使用多个Fancybox，您应该避免像使用ID那样使用ID并将其更改为类。不知道为什么你有这个代码来启动fancybox，当它应该工作时：

$(".comment_button_fancy").fancybox();

这将Fancybox所有带有“comment_button_fancy”类的元素，并且应修复您的双击问题。您不需要在Fancybox代码周围放置一个“click”事件处理程序，因为它固有地附加了该事件。