1

公式の fancybox 2 サイトで提供されている小さなドキュメントと、stackoverflow のすべての投稿についていくつかの調査を行った後、この fancybox 2 を機能させることができません。

ユーザーがエンティティを検索するために使用する jquery オートコンプリート コンポーネントがあります。ユーザーが適切なエンティティを見つけて選択した後、このエンティティに対して実行できるアクション (編集、割り当て、削除、何とか何とか) を示すファンシーボックスをポップアップ表示したいと考えています。

選択したエンティティの ID を、読み込みたい URL の GET パラメータの fancybox に ajax 経由で渡します。

問題は、選択したエンティティとユーザーのアクセス許可に依存するため、表示したいオプションが動的に表示されることです。

すべてが完全に機能していますが、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 を $.fancybox.open に置き換えたところ、魅力的に機能しました。

于 2013-06-17T16:03:07.663 に答える