Jquery：尝试组合Click，animate，fadeout和location

Question

我试图找出如何修改此脚本以添加新功能。

1. 点击a.fromwork链接后，div.dash应淡出到左侧。
2. div＃titleMove开始淡出，动画向左。
3. 位置然后接管并转到下一页。

我尝试过很多方法。我需要你的帮助，任何想法？

<ul class="crumbs">
    <li><a href="<?php bloginfo('url');?>/work/" class="fromwork">&larr; Work</a></li>
    <li class="dash">&mdash;</li>
    <li><div id="titleMove"><?php the_title(); ?></div></li>
</ul>


// Fade Script
$('.fromwork').click(function(){
  var href= $(this).attr('href');

  // do animation

  $('#titleMove').fadeOut( 200, function(){
        // go to link when animation completes
        window.location=href;

  })
  $('body').fadeOut(1000);
  // over ride browser following link when clicked
  return false;
})

Answer 1

使用.delay()和.animate()使用否定margin-left。或者确保li.dash的父级为position:relative;，然后position:absolute li.dash，并使用否定的left。