Ajax nie działa z jquery Flip! podłącz

Question

Nov 28, 2012, 08:36 PM

Ajax nie działa z jquery Flip! podłącz

Próbuję użyć FLIP! wtyczka i mieć zawartość załadowaną przez ajax. Mam jednak problem. Po prostu nie działa.

Widzę zdarzenie po wydarzeniu w firebug, ale wydaje się, że nic się nie zmienia, gdy zapełniam parametr „content” wewnątrz FLIP! podłącz.

Poniżej znajduje się mój kod, który może wyjaśnić wszystko lepiej.

<script type="text/javascript">

        function getFlipContent(url,command, target){   
            $.post(url, {"data": command}, function(response) {
                console.log(response);
                //return response;   // this is not working
                replaceHtml(target,response);  // workaround but kinda not really
            });
        }

        function replaceHtml(object,html){
            $(object).html();
            $(object).html(html);
        }

        $(function(){

            $(".flipable2").bind("click", function() {
                var url= $(this).data("url");
                var command= $(this).data("command");
                var target = $(this).data("target");
                //alert(flip);
                if (target === undefined) {
                    flip = "self";
                }
                if (target == "self") {
                    $($(this)).flip({
                        direction: 'lr',
                        color: '#ffffff',
                        content: function() {
                            getFlipContent(url, command, target);
                        }
                    });
                    return false;
                }
                else {
                    $(target).flip({
                        direction: 'lr',
                        color: '#ffffff',
                        content: function() {
                            getFlipContent(url, command, target);
                        }
                    });
                    return false;
                }
            });

        });
</script>


    <body>
    <div id="header">
        <table width="100%" cellpadding="0px" border="0px" cellspacing="0px">
            <tr>
                <td><a href="#" class="flipable2 box" data-target="#page" data-url="test.php" data-command="test">FLIP</a></td>
            </tr>
        </table>
    </div>

    <div id="page" class="box">
        BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH</td>
    </div>

W tej chwili używam funkcji replachtml, aby ręcznie przepisać zawartość celu, który właśnie „przerzuciłem”. To sorta działa, ale przerywa animację, więc naprawdę wolałbym użyć parametru zawartości wtyczki ... Kiedy to robię, to po prostu nic nie robi. Animacja kończy się, ale nie ma zmiany treści. Myślę, że coś mi brakuje. Każda pomoc byłaby mile widziana.

Oto też jsfiddle:http://jsfiddle.net/mUhuN/9/ choć nie byłem pewien, jak sfałszować żądanie ajax.

W każdym razie proszę o pomoc :)