jquery - jQuery Flip，为什么我需要声明变量？

Question

我正在尝试使用这个翻转插件： http: //lab.smashup.it/flip/但我无法让它按需要工作。

这有效：

<div class="flip" id="flipbox2" onclick="doFlip();">
    Flip me!
</div>
<script type="text/javascript">
        var $flipbox = $('#flipbox2');
        function doFlip() {
            $flipbox.flip({
                direction: 'lr',
                bgColor: '#FFFFF',
                color: '#000000',
                speed: 500,
                content: "Goodbye World!"
            });
        };
</script>

但是当我删除 var $flipbox = $('#flipbox2'); 声明并在函数 doFlip() 中使用 $('#flipbox2') 而不是它不起作用。

需要明确的是，这不起作用：

<div class="flip" id="flipbox2" onclick="doFlip();">
    Flip me!
</div>
<script type="text/javascript">
        function doFlip() {
            $('#flipbox2').flip({
                direction: 'lr',
                bgColor: '#FFFFF',
                color: '#000000',
                speed: 500,
                content: "Goodbye World!"
            });
        };
</script>

为什么这不起作用？有任何想法吗？

Answer 1

正如所指出的那样，两种形式的代码实际上都有效。似乎我的一个asp控件以某种方式弄乱了页面。