Question

Amoclan形状使切换到下一侧。对我而言，过渡期的利益必须指派我到一边。我尝试按照文档中的说明实现它，但过渡仍然在下一步。

<html>
<head>
    <script src="static/jquery-2.2.4.js"></script>
    <link rel="stylesheet" type="text/css" href="static/semantic.min.css">
    <script src="static/semantic.js"></script>
</head>
<body>

    <div class="ui shape">
      <div class="sides">
        <div class="side active">This side starts visible 1</div>
        <div class="side two">This is yet another side 2</div>
        <div class="side three">This is yet another side 3</div>
      </div>
    </div>
    <br>

    <div id="move">move</div>

    <script>
        $('#move').click(function(){
            $('.shape').shape('.three', '.second.side').shape('flip left')
        })
    </script>
</body>

我该如何解决这个问题？

Answer 1

以下是您所需代码的工作示例。我修复了一个小错误。我希望这就是你想要的。

$('#move').on('click', function(){ 
            $('.shape').shape('.three', '.second.side').shape('flip left')
        })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://semantic-ui.com/dist/semantic.min.js"></script>
<link href="http://semantic-ui.com/dist/semantic.min.css" rel="stylesheet"/>

<div class="ui shape">
      <div class="sides">
        <div class="side active">This side starts visible 1</div>
        <div class="side two">This is yet another side 2</div>
        <div class="side three">This is yet another side 3</div>
      </div>
    </div>
    <br>

    <div id="move">move</div>

如何在ui形状的侧面安装开口？

1 个答案: