显示元素，在完成所有任务后，执行此操作

Show elements, after task on all is done, do this?

本文关键字：任务 执行 操作 元素 显示      更新时间：2023-09-26

嗨，我在弄清楚如何完成这项任务时遇到了一些问题。我得到了一个带有元素的包装器，单击一下我就消失了。在它们可见后，我想执行另一个任务，这里的问题是它为包装器中的每个元素触发它。

编辑对不起，本意是.fadeIn()

示例代码：Jsfiddle

<div id="wrapper">
    <div class="div-item"></div>
    <div class="div-item"></div>
    <div class="div-item"></div>
    <div class="div-item"></div>
    <div class="div-item"></div>
</div>
<a href="#" id="click-me">click me</a>
$('#click-me').on('click', function()  {
    $('#wrapper > div.div-item').fadeIn(600, function() {
        console.log('show');
    });
    return false;
});

如果没有动画（或其他异步操作），您不需要回调，只需执行以下操作：

$('#click-me').on('click', function()  {
  $('#wrapper > div.div-item').show();
  // follow-up code
  return false;
});

否则，请尝试：

$('#click-me').on('click', function()  {
  $('#wrapper > div.div-item').fadeIn().promise().done(function () {
    console.log('all done');
  });
  return false;
});

演示：http://jsbin.com/ukovuz/2/

相关文章：