Question

我找到了许多允许你“翻转”元素的jQuery插件; SmashUp Labs的Flip!插件似乎最受欢迎/最有用，而且正是我目前使用的。

与此同时，当然，在这里和其他地方有许多解决方案可以在两个不同的现有div之间进行切换，但是没有一个能够触及翻转。

但我需要的是两件事都要发生。我发现Flip的问题！是它包含内容作为函数调用的一部分，而我实际上想要使用翻转在两个不同的现有div之间切换。我已经使用iframe看起来或多或少正确，但后来我使用了一个相当不必要的iframe，我还必须等待翻转后加载该帧，看起来很糟糕。

翻转div的两个“边”太大而且太复杂而无法合理地插入到函数调用中，我不能使用类似$('div').text()的东西，因为它创建了div的副本而不是显示那个我已经有了。

那么，有没有人知道任何翻转的库，但允许你指定一个元素在翻转结束后可见？或者有人用Flip！做过这种事情，也许是使用它的回调函数？

Answer 1

您可以尝试将两个div放在翻转框的顶部，使用CSS绝对位置，以便div的内容位于翻转框的背景之上，看起来就像在框中一样。

例如，你有div1和div2，默认情况下，当页面加载时，div1显示而div2的样式显示为：none，然后你在Flip中连接回调，如：

$("#flipbox").flip({
    direction:'tb',
    onBefore: function(){
        $('#div1').hide();
    },
    onEnd: function(){
        $('#div2').show();
    }
});

div1和div2的内容都位于翻转框的顶部，因此它们看起来像是包含在内。

jQuery在现有div之间翻转

1 个答案: