我在这里使用了 3 个插件,flip、delayed 和 fancybox。我已经写好了,所以当您单击翻转事件时,会触发,然后延迟,然后延迟后的幻想框。我不明白为什么翻转只能工作一次,但fancybox 会继续处理后续的点击。任何提示将不胜感激。谢谢。
<script type="text/javascript">
jQuery.noConflict();
// First Home Page Popout Box
jQuery(document).ready(function() {
jQuery('#card-processing-link').live('click', function() {
jQuery('#card-processing-box').flip({
'direction' : 'lr',
speed : '300'
});
});
//Fancybox popout event
jQuery('.card-processing-link').delayed('click', 400, function(){
jQuery(this).trigger('click').off().fancybox({
'onStart' : function(){
jQuery('#card-processing-box').hide();
jQuery('#card-processing-popout').show();
},
'transitionIn' : 'elastic',
'transitionOut' : 'fadeOut',
'speedIn' : 300,
'speedOut' : 500,
'width' : '420',
'height' : 'auto',
'scrolling' : 'no',
'centerOnScroll' : 'true',
'overlayColor' : 'transparent',
'onClosed' : function(){
jQuery('#card-processing-popout').hide();
jQuery('#card-processing-box').fadeIn();
}
});
});
</script>
www.crexendo.com/store/4313892 上的实时示例
谢谢!