javascript - 弹出 Fancybox 2 窗口，其中包含 ajax 加载的内容

Question

在对 fancybox 2 官方网站上提供的小文档以及 stackoverflow 中的所有帖子进行一些研究后，我无法让这个 fancybox 2 工作。

我有一个 jquery 自动完成组件，用户用它来搜索某个实体。用户找到正确的实体并选择它后，我想弹出一个花式框，显示对该实体执行的可能操作(编辑、分配到、删除等等)。

我将把所选实体的 id 传递给我想要通过 ajax 加载的 url 的 GET 参数上的 fancybox。

问题是，我想要显示的选项将动态显示，因为它们取决于所选实体和用户权限。

一切工作正常，但我无法使用网址已加载。

这是我试图展示的 fancybox 的示例 JS 代码:

$('#inputsearchbox').autocomplete({
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(json_list, request.term);
        response(results);
    },
    close: function(event, ui){

    },
    select: function(event, ui) {
        event.preventDefault();

        console.log(ui.item);

        $.fancybox({ 
            type: 'ajax', 
            href : '/some-script.php', 
            scrolling : 'no', 
            transitionIn : 'fade', 
            transitionOut : 'fade' 
        });

    },
    focus: function(event, ui) {
        event.preventDefault();
    },
    delay: 700,
    minLength: 2
});

任何帮助将不胜感激。

Answer 1

找到了!

我错过了对函数 .open 的调用。

我刚刚将 $.fancybox 替换为 $.fancybox.open，它的效果非常好。