JQuery와 온로드 플립 DIV

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

오히려 원래의 함수에서와 #flipbox (즉, 무엇을이다보다는 아무것도 언급되지 않은 $(this)을 사용하고 있기 때문에 귀하의 코드가 작동하지 않는 $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()} 
    }) 
});