jquery - jQuery onload 翻转 div

Question

好的，我正在使用以下代码：

<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>

这是当我点击翻转板按钮时，翻转框恢复演示

现在我想做的是翻转 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原始函数中的 as （这就是$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()}
  })
});