jQuery的onload事件翻轉格

Question

OK，我使用這個代碼：

<script type="text/javascript"> 
    $(function() { 

     $("#flipPad a:not(.revert)").bind("click",function() { 
      var $this = $(this); 
      $("#flipbox").flip({ 
       direction: $this.attr("rel"), 
       color: $this.attr("rev"), 
       content: $this.attr("title"), //(new Date()).getTime(), 
       onBefore: function(){$(".revert").show()} 
      }); 
      return false; 
     }); 

     $(".revert").bind("click",function() { 
      $("#flipbox").revertFlip(); 
      return false; 
     }); 

     var changeMailTo = function() { 
      var mArr = ["@","smashup","luca",".it"]; 
      $("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]); 
     } 

     $(".downloadBtn").click(function() { 
      pageTracker._trackPageview("download_flip"); 
     }); 

     setTimeout(changeMailTo,500); 

    }); 
</script> 

這樣做是什麼，當我點擊flipPad按鈕時，flipbox恢復DEMO

現在我想做的是翻轉div，但自動。
我想這一點，但沒有奏效：

<script> 
    $(document).ready(function() { 
     $("#flipbox").flip({ 
      direction: $this.attr("rel"), 
      color: $this.attr("rev"), 
      content: $this.attr("title"), //(new Date()).getTime(), 
      onBefore: function(){$(".revert").show()} 
     }); 
    }); 
</script> 

Answer 1

你的代碼是不工作，因爲你正在使用$(this)這不是指什麼，而不是向#flipbox在原有功能（那是什麼$this = $(this)在做）。此代碼應爲你工作（只要有只有一個#flipbox元素）

$(document).ready(function() { 
    var $boxToFlip = $('#flipbox'); 
    $boxToFlip.flip({ 
    direction: $boxToFlip.attr("rel"), 
    color: $boxToFlip.attr("rev"), 
    content: $boxToFlip.attr("title"),//(new Date()).getTime(), 
    onBefore: function(){$(".revert").show()} 
    }) 
});