Question

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

我有一个jquery自动完成组件，用户可以使用它来搜索某个实体。在用户找到正确的实体并选择它之后，我想弹出一个幻灯箱，显示要对此实体执行的可能操作（编辑，分配，删除，等等等等）。

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

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

Everythings工作正常，但我无法获得fancybox popup 网址已加载。

这是我试图展示的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.open替换了$ .fancybox，它就像一个魅力。

带有ajax加载内容的Popup Fancybox 2窗口

1 个答案: