Question

我试图在点击按钮时翻转元素，但是现在我可以在点击元素本身时翻转元素。我怎么能这样做但是当我点击翻转按钮时。

代码：

    <script type="text/javascript">
        $(function(){
          $(".card").flip({
            trigger: "click"
          });
        });
    </script>

HTML：

<div class="card"></div>

<button class="click">Flip</button>

Answer 1

只需向按钮添加一个事件监听器：

$(".click").click(function(){
    $(".card").flip();
};

Answer 2

您需要将trigger设置为manual。然后，您可以在其上调用flip(true)或flip(false)。试试这个：

$(".card").flip({
    trigger: 'manual'
});

$('.click').click(function() {
    $('.card').flip(true);
});

有关详细信息，请参阅demos中的最后一个示例。

如何在单击按钮而不是元素本身上翻转div

2 个答案: