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>

这样做是因为当我点击flipPad按钮时，翻转盒会恢复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()}
  })
});

jQuery onload翻转div

1 个答案: