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

Question

[Radiss]

Доброго времени суток)

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

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

<div class="wow rollOut">
    Определенная информация
</div>

- анимация при not_wow всё ровно срабатывает.

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

<div class="wrapp-help">
						
<!--1. подкл. 2 файла wow.min.js animate.css, 2 добавляем class wow и 2 парам. опр. дейст. 3 init в functions.js п.6: var wow = new WOW();
	wow.init();  -->
						<div class="help-content wow bounceInLeft" data-wow-duration="0.5s" data-wow-delay="0">
							<div class="h-image">
								<img src="/catalog/view/theme/default/image/icon1.png" alt="alt">
							</div>
							<div class="h-text">
								<h3>Текст</h3>
								<p>Текст</p>
							</div>
						</div>

В index.php вверху прописываю:

<?php
	require_once "lib/start.php";
	unset ($_SESSION["camp_id"]);
	unset ($_SESSION["split"]);
	
	if (!isset($_SESSION["split"]) || !$_SESSION["split"]) 
	{
		//знач. в values может быть несколько
	$values = array("wow", "no_wow");
	//случ.число
	    $rand = mt_rand(0, count($values) - 1);
	    /*записываем в сессию случ.знач.кот.выпало от 0 до 1*/
		$_SESSION["split"] = $values[$rand];
		 
	}

Внизу:

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

functions.js

$(document).ready(function() {
	/*при сплит тестах выкл. и анализ. внизу в index.php*/
	/*var wow = new WOW();
	wow.init(); */

Скрин в браузере: https://upload.akusherstvo.ru/images/1624808.jpg

Comments

[Артур Мустафин]

Покажите вкладку Network ChromeDevTools и докажите, что у вас не грузится и не инициализируется библиотека WOW где-либо еще. По хорошему, вам вообще не нужно грузить wow.js поэтому я бы обернул его в серверные теги с проверками так-же

<?php if ($_SESSION["split"] == "wow") { ?>
<script src="/catalog/view/javascript/wow.js"></script>
<?php } ?>

[Radiss]

Попробовал этот вариант с серверными тегами.

Если в в шапке не подключать этот скрипт

<script src="/catalog/view/javascript/wow.js"></script>

а внизу

<?php if ($_SESSION["split"] == "wow") { ?>
<script src="/catalog/view/javascript/wow.js"></script>
<?php } ?>

То анимация работает при "wow" и отключается при "no_wow", но при этом, при "no_wow" кнопки с всплывающей формой заказа тоже перестают работать.

index.php https ://pastebin.com/edit/Z1RgqCqe

function.js

const DELAY = 500;

/*код вып.только после полной загр.стр*/
$(document).ready(function() {
	/*при сплит тестах выкл. анализ. внизу index.php*/
	/*var wow = new WOW();
	wow.init(); */
	
	/*для выравнивания меню задаём css стиль*/
	$("#menu").css("width", $(window).width() + "px");
	
	/*адаптивность*/
	$(window).on("resize", function() {
		$("#menu").css("width", $(window).width() + "px");
	});
	
	/*обращаемся к ссылкам через селектор п.156. <div class="site">*/
	$(".site a").fancybox({
		minWidth: 900 /*ширина img в окне*/
	});
	/*обращаемся ко всем ссылкам за искл.тех у кот.класс order (оформить заявку)*/
	$("#menu a:not(a.order)").on("click", function() {
		/*вызываем методы анимации, обращ. к объект на кот.был cделан 
		  клик (attr) кот. находится в this берём атриб. href п.42 т.к.
		  *  есть # обращ. как к селектору -offset и измеряем длину scroll*/
		$("html, body").stop().animate({
			scrollTop: $($(this).attr("href")).offset().top - $("#menu").innerHeight()
		}, DELAY);
	});
	
	$("#popup_close img").on("click", function() {
		$("#parent_popup").hide(DELAY);
	});
	
	$(".button, .but, button wow swing, #wrapp-contact a.order").on("click", function() {
		$("#parent_popup").show(DELAY);
		return false; /*чтобы не было перехода по ссылке*/
	});
	
	
});

Answer 1

[Radiss]

В шапке убрать подключение скрипта

<!--<script src="/catalog/view/javascript/wow.js"></script>-->

Внизу подключить

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

В common.js убрать

new WOW().init();