Question

我有以下 -working - 代码，我想使用第三个运算符进行优化，并为对象提供一个'state'var。但是我对确切地点击事件的确切位置感到困惑。

HTML（支持具有以下布局的多个div）：

<div class="adbox">
  <div class="ad-image">Image 2 Goes Here <a class="swap-content" href="#">Next</a></div>
  <div class="ad-content">Ad 2 text goes here <a class="swap-image" href="#">Back</a></div>
</div>

jQuery代码：

<script lang="javascript">
  $(document).ready(function() {
    var speed = 500;
    $('a.swap-content').click(function() {
      var myad = $(this).parent().parent();
      $(myad).find('div.ad-image').fadeOut(speed, function(){
        $(myad).find('div.ad-content').fadeIn(speed)
      });
    });
    $('a.swap-image').click(function() {
      var myad = $(this).parent().parent();
      $(myad).find('div.ad-content').fadeOut(speed, function(){
        $(myad).find('div.ad-image').fadeIn(speed)
      });
    });                            
  });
</script>

Answer 1

试试这个

$(document).ready(function() {
    var speed = 500;
    $('.adbox').find('a').click(function() {
        var self = $(this); 
        self.parent().fadeOut(speed, function(){
            self.parent().siblings('div').fadeIn(speed)
        });
    });                   
});

DEMO

jQuery交换DIV内容优化

1 个答案: