jQuery和fancybox之间的冲突

Question

我的jQuery函数从一个框中获取信息，并在窗口fancybox中显示外部.html。从框值字符串中选择html url。在这里我没有遇到任何问题。

我有一个图例显示类别中的框值。这个图例我可以通过点击（jQuery）显示或隐藏它。这个图例功能非常好用。

问题是当我使用我的fancybox功能时，图例功能无法正常工作（我试图隐藏它开始隐藏并显示在一个循环中）

可能是什么问题？有什么想法吗？

谢谢。

代码：

$('#legend h3').click(function (e) {
    e.preventDefault();
    if ($(this).hasClass("contracted")) {
        $(this).removeClass("contracted");
    }
    else {
        $(this).addClass("contracted");
    }
    $(this).parent().find('.content, .slider').slideToggle();
});


$(document).on("click", "#ctrl_info", function (e) {
    e.preventDefault();
    var unlo= $("#sidebar nav ul li.expanded .first_select option:selected").val().replace(/ /g, "_").toLowerCase() + ".html";
    var dolo= $("#sidebar nav ul li.expanded .second_select option:selected").val().replace(/ /g, "_").toLowerCase() + ".html";


    $.get("my_url/" + $("#sidebar nav ul li.expanded .first_select option:selected").val().toLowerCase().replace(/ /g, "_") + ".html", function (html) {
        $.fancybox(html);
    });
});