За последние 24 часа нас посетили 22398 программистов и 1029 роботов. Сейчас ищут 700 программистов ...

Почему не срабатывает верно анимация плагина wow при split — тестировании?

Тема в разделе "HTML и CSS", создана пользователем FIn, 10 янв 2019.

  1. FIn

    FIn Новичок

    С нами с:
    9 авг 2017
    Сообщения:
    6
    Симпатии:
    0
    Доброго времени суток!

    При split- тестировании анимации сессии "wow", "not_wow" записываются в бд, но анимация не работает правильно.

    При Array ( [split] => wow, not_wow )

    Код (Text):
    1. <div class="wow rollOut">
    2.     Определенная информация
    3. </div>
    - анимация при not_wow всё ровно срабатывает.

    При Array ( [split] => not_wow )и в этих блоках тоже выполняется анимация:

    Код (Text):
    1. <div class="wrapp-help">
    2.            
    3. <!--1. подкл. 2 файла wow.min.js animate.css, 2 добавляем class wow и 2 парам. опр. дейст. 3 init в functions.js п.6: var wow = new WOW();
    4.   wow.init();  -->
    5.             <div class="help-content wow bounceInLeft" data-wow-duration="0.5s" data-wow-delay="0">
    6.               <div class="h-image">
    7.                 <img src="/catalog/view/theme/default/image/icon1.png" alt="alt">
    8.               </div>
    9.               <div class="h-text">
    10.                 <h3>Текст</h3>
    11.                 <p>Текст</p>
    12.               </div>
    13.             </div>
    В index.php вверху прописываю:

    Код (Text):
    1. <?php
    2.   require_once "lib/start.php";
    3.   unset ($_SESSION["camp_id"]);
    4.   unset ($_SESSION["split"]);
    5.  
    6.   if (!isset($_SESSION["split"]) || !$_SESSION["split"])
    7.   {
    8.     //знач. в values может быть несколько
    9.   $values = array("wow", "no_wow");
    10.   //случ.число
    11.       $rand = mt_rand(0, count($values) - 1);
    12.       /*записываем в сессию случ.знач.кот.выпало от 0 до 1*/
    13.     $_SESSION["split"] = $values[$rand];
    14.    
    15.   }
    Внизу:

    Код (Text):
    1. <script src="/catalog/view/javascript/wow.js"></script>
    2.   <script type="text/javascript">
    3.     var wow = new WOW();
    4.     /*если сессия split = wow то init скрипт, если другое знач, то не init*/
    5.     <?php if ($_SESSION["split"] == "wow") { ?>wow.init();<?php } ?>
    6.   </script>
    functions.js

    Код (Text):
    1. $(document).ready(function() {
    2.   /*при сплит тестах выкл. и анализ. внизу в index.php*/
    3.   /*var wow = new WOW();
    4.   wow.init(); */
    Скрин в браузере: https://upload.akusherstvo.ru/images/1624808.jpg
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.745
    Симпатии:
    1.319
    Адрес:
    Лень
    Ошибки выводи и тестируй var_dump переменные сессии
     
  3. FIn

    FIn Новичок

    С нами с:
    9 авг 2017
    Сообщения:
    6
    Симпатии:
    0
    Ошибки не выводятся. У меня в start.php подключено

    Код (Text):
    1. mb_internal_encoding("UTF-8");
    2.     error_reporting(E_ALL);
    3.     ini_set("display_errors", 1);
    4.     session_start();
    И в index.php также вверху
    Код (Text):
    1. error_reporting(E_ALL);
    Переменные сессии вывожу так
    Код (Text):
    1. print_r ($_SESSION);
    Выводит
    Код (Text):
    1. Array ( [split] => no_wow )
    2. /*или wow*/
    Через var_dump
    Код (Text):
    1. var_dump($_SESSION);
    Код (Text):
    1. array(1) { ["split"]=> string(6) "no_wow" }
    2. /*или wow*/

    Может быть ошибка в стилях?

    Там везде в inline

    Код (Text):
    1.  
    2. элемент {
    3.     visibility: visible;
    4.     animation-name: flash;
    5. }
    а в stylesheet.css

    Код (Text):
    1. .wow {
    2.     visibility: hidden; /*перечёркнуто*/
    3. }
    т.е. при no_wow visibility должно быть скрыто?

    Может дополнительно как-то записать в этом правиле ещё?

    Код (Text):
    1. <script type="text/javascript">
    2.         var wow = new WOW();
    3.         /*если сессия split = wow то иниц. скрипт, если другое знач, то не init*/
    4.         <?php if ($_SESSION["split"] == "wow") { ?> wow.init();<?php } ?>
    5.                
    6.  
    7.     </script>