Опытным путем было выяснено, что пока Yii не подгрузит jQuery (а делает он это в последнюю очередь), мой скрипт работать не будет, потому что $ ему в тот момент еще не знаком.
В интернете был вычитан способ исправить ситуацию вот так:
'position' => \yii\web\View::POS_HEAD
Что, собственно, помогло, но поломало все остальное (в моем случае это многоуровневое меню).
Далее был испробован другой способ:
$this->registerJs(
'вот тут мой код с js');
Что заставило работать меню, но не повлияло на мой скрипт.
Можно было бы вынести скрипт в отдельный файлик и в его настройках указывать подключение в последнюю очередь, однако в моем велосипедном JS используется php и конкатенация (я так переменную туда передаю), поэтому не вижу ничего хорошего в том, чтобы выносить это в отдельный файл.
Как наговнокодить получше и так, чтобы работало и меню и мое чудо-колесо?
Попробовала также обернуть JS в
jQuery(window).load()
На что получила - uncaught ReferenceError: jQuery is not defined.
Код скрипта:
<script type="text/javascript">
$(document).ready(function(){
var water = <?= $count['full']*250 ?>; //устанавливаем значение переменной, если пользователь уже пил воду в мл.
$(".off, .on").click(function(){ //меняем класс офф на он
$(this).toggleClass("off on");
if($(this).hasClass("on")){
water += 250; //прибавляем к переменной еще 250 мл.
$.ajax({
type: "POST",
url: "<?php echo \Yii::$app->getUrlManager()->createUrl('site/index') ?>",
data: "water=" + water,
_csrf : '<?=Yii::$app->request->getCsrfToken()?>'
});
} if ($(this).hasClass("off")) {
water -= 250; //если пользователь ошибся и кликнул еще раз на стакан - отнимаем 250 мл.
$.ajax({
type: "POST",
url: "<?php echo \Yii::$app->getUrlManager()->createUrl('site/index') ?>",
data: "water=" + water,
_csrf : '<?=Yii::$app->request->getCsrfToken()?>'
});
}
});
})
В итоге заработало вот это: (проблема была в используемом методе)
<?php
$count = $count['full']*250;
$url = Yii::$app->getUrlManager()->createUrl('site/index');
$script = <<< JS
$(document).ready(function(){
var water = $count;
$(".off, .on").click(function(){
$(this).toggleClass("off on");
if($(this).hasClass("on")){
water += 250;
$.ajax({
type: "POST",
url: "$url",
data: "water=" + water
});
} if ($(this).hasClass("off")) {
water -= 250;
$.ajax({
type: "POST",
url: "$url",
data: "water=" + water
});
}
});
})
JS;
$this->registerJs($script, yii\web\View::POS_END);
?>
$this->registerJs()
должно подключать скрипты после всех бандлов, у вас точно с этим методом ничего не вышло?