Ajax não está funcionando com o jQuery Flip! plugar
Estou tentando usar o FLIP! plugin e ter seu conteúdo carregado por ajax. Estou correndo em um problema embora. Não está funcionando.
Eu posso ver o evento post acontecendo no firebug, mas nada parece mudar quando eu preencher o parâmetro "content" dentro do FLIP! plugar.
Abaixo está o meu código, que pode explicar melhor as coisas.
<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>
Então, agora eu estou usando uma função replachtml para reescrever manualmente o conteúdo do alvo que eu acabei de "virar". Este sorta funciona, mas quebra a animação, então eu realmente prefiro usar o parâmetro de conteúdo do plugin ... Quando eu faço isso, ele simplesmente não faz nada. A animação é concluída, mas não há alteração de conteúdo. Eu acho que talvez eu esteja perdendo alguma coisa. Qualquer ajuda é bem vinda.
Aqui está um jsfiddle também:http://jsfiddle.net/mUhuN/9/ embora eu não tivesse certeza de como falsificar um pedido de ajax.
De qualquer forma por favor me ajude :)