jQuery翻转！ 点击div内的事件

我正在尝试为学校项目制作一个研究网络应用程序的闪存卡，我想使用Flip！ 我有一个问题，但是当我把锚点与他们的点击事件绑定到div内的翻转函数被翻转时。 我是jQuery的新手。 任何帮助，将不胜感激。 有翻转论坛吗？ 我的代码如下。

      //    var f2b = function(){ $("#card").flip({ direction: 'tb', color: '#B34212', content: $('#back') }); } var b2f = function(){ $("#card").flip({ direction: 'tb', color: '#B34212', content: $('#front') }); } $(document).ready(function(){ $("#flip1").click(f2b); $("#flip2").click(b2f); $("#flip2").click(); });   .back { display: none; } .front { display: none; }    
 
 This is 
 the front 
 of the card. 
 Flip1 
 
 This is
 the back
 of the card.
 Flip2 
   

Answer 1

看来翻转插件会破坏您在文档就绪时设置的事件处理程序。 解决它的方法是使用实时事件绑定 。 将文档就绪function更改为：

 $("#flip1").live('click', f2b); $("#flip2").live('click', b2f); $("#flip2").trigger('click'); 

编辑：我还应该提到，除非你在CSS中指定了宽度，否则初始动画似乎不会触发，如下所示：

 .card { height: 200px; width:200px; }