1

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

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

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

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

Everythings 运行良好,但我无法在加载了 url 的情况下弹出花式框。

这是我试图展示的 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
});

任何帮助将不胜感激。

4

1 回答 1

1

找到了!

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

我刚刚用 $.fancybox.open 替换了 $.fancybox,它就像一个魅力。

于 2013-06-17T16:03:07.663 回答