2017-02-17 1 views
0

Форма Amoclan делает переход на следующую сторону. Мне нужно, чтобы переход происодить назначил меня в сторону. Я попытался реализовать его, как написано в документации, но переход продолжается до следующей.Как установить отверстие в сторону в форме ui?

<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> 

Как я могу решить эту проблему?

+0

вы можете указать мне ссылку, где вы видите это? –

+0

@SahilDhir Его здесь http://semantic-ui.com/modules/shape.html#/usage –

ответ

0

Вот рабочий пример вашего кода, как вы хотели. Была небольшая ошибка, которую я исправил. Надеюсь, это то, что вы хотели.

$('#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>

+0

Я не вижу, чтобы ваш код отличался от моего. Когда я впервые нажал, я хотел бы увидеть сторону 3, а не 2 ... –

Смежные вопросы