Как в Yii2 заставить работь jQuery и собственный скрипт одновременно?

Опытным путем было выяснено, что пока 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);
?>