Я хочу показать div при прокрутке с ошибкой TypeError: $ не является функцией?

Question

У меня есть простой jQuery скрипт в плагине WordPress, который использует jQuery обертку вроде этой:

 <script type = "text/javascript">
     $(document).ready(function () {
     $window.scroll(function () {
       300 < $(this).scrollTop() ? $(".ftr_cta_blk").fadeIn() : $(".ftr_cta_blk").fadeOut()
     })

   });
 </script>

Я получаю Error TypeError: $ is not a function.

Моя jQuery версия v1.12.4

Answer 1

Если ничего не помогло, попробуйте следующее:

 <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
 <script type = "text/javascript">
     $(document).ready(function () {
     $(window).scroll(function () {
       (300 < $(this).scrollTop()) ? $(".ftr_cta_blk").fadeIn() : $(".ftr_cta_blk").fadeOut()
     })

   });
 </script>

Answer 2

Попробуйте это решение, оно будет работать на всех последних JQuery

// JavaScript Document
<script type = "text/javascript">
   jQuery(function ($) {
    var _document, _window, _html, _body;
    _document = $(document);
    _window = $(window);
    _html = $('html');
    _body = $('body');

    _window.on('scroll', function () {
      if (_window.scrollTop() >= 300) {
        $(".ftr_cta_blk").fadeIn();
      } else {
        $(".ftr_cta_blk").fadeOut();
      }
    });
  }(jQuery));
</script>

Answer 3

попробуйте следующее. Предыдущий ответ может вызвать перегрузку вашего сайта

<script type = "text/javascript">
     jQuery(document).ready(function () {
     jQuery(window).scroll(function () {
       (300 < $(this).scrollTop()) ? jQuery(".ftr_cta_blk").fadeIn() : jQuery(".ftr_cta_blk").fadeOut()
     })

   });
 </script>