Question

请原谅我，如果答案看起来太明显，我对jQuery很新。我正在尝试在我的网页上使用Flip!插件，但出于某种原因，在用户第二次点击<li>后，内容不会被还原，相反，相同的翻转功能是使用，因此呈现相同的结果。我希望用户能够随意来回切换。这是我的代码：

的jQuery

$('.class').click(
    function() {
        $(this).flip({
            direction: 'lr',
            content: $('p', this).html(),
            speed: 200,
        })
    },
    function() {
        $(this).revertFlip()
    }
);

HTML

<ul>
    <li class="class">
        <span class="image">
            <img src="images/jquery-small.png" alt="">
        </span>
        <p>
            <span class="content">blah blah blah</span>
        </p>
    </li>
</ul>

Answer 1

.click()不接受两个函数引用。我想你正在寻找.toggle()（确实如此）：

$('.class').toggle(
    function() {
        $(this).flip({
            direction: 'lr',
            content: $('p', this).html(),
            speed: 200,
        })
    },
    function() {
        $(this).revertFlip()
    }
);

http://jsfiddle.net/2WdqD/

（在示例中，我更改了“内容”以使其更加明显，它正在运行）

jQuery翻转！插件 - revertFlip（）不起作用？

1 个答案: