Question

为了解释这种情况，我正在使用jquery和animate.css结合起来，以便带来一些我想要应用到我网站的动画部分。

http://lifeto.cafe24.com/xe/

我在这篇文章中有几个问题，它需要对我建立的网站有相当透彻的了解。

拳头，如果你去我上面链接的网站，点击底部显示'공지사항'的菜单，iframe src会被jquery attr触发。

如果您点击之后可以在棋盘上看到的任何图像，则棋盘内容（#window_frame）向左滑动，新div（.window_board）从左侧滑入。

但是当你点击图像时，请注意电路板的内容，然后.window_board消失并出现在同一时间。

我想在这里实现的是首先将#window_frame滑出，然后在完成之后将.window_board滑入。

和第二，当我从.window_board仍然打开时点击菜单按钮“공지사항”时，我希望.window_board重新滑入，并让内容（#window_frame）回来进行。

我想知道是否可以通过使用简单的jquery事件来实现这一点，因为它需要计算#window_frame何时打开。

这是董事会（iframe）的完整js

jQuery(document).ready(function(){
jQuery(document).on('click', '.item', function() {
jQuery('.loader_container', parent.document.body).show();
var url = jQuery(this).data('url');
jQuery('#window_board', parent.document.body).attr('src', 'url',200);
    jQuery('#window_frame', parent.document.body).addClass('animated slideOutLeft');
   jQuery('.window_board', parent.document.body).addClass('open animated slideInLeft');
  jQuery('.loader_container', parent.document.body).hide();

  });
  });

和主菜单：

<a onclick="jQuery('#window_frame').attr('src', 
'http://lifeto.cafe24.com{$val1['href']}',200),    
jQuery('#window_frame').removeClass('animated slideOutLeft')"  class="menu_a">MENU</a>

Answer 1

你的问题不是很清楚，但如果我只考虑你的主要问题：

如何在彼此之后执行jquery函数

您可以使用promise().done()或.when()来执行jquery函数。

示例：

$('div').click(function(){ $(this).addClass('blah').promise().done(function(){ alert('class added!'); }); });

您可以阅读更多相关信息：

https://api.jquery.com/promise/

如何在彼此之后执行jquery函数（以及更多问题）

1 个答案: