Не работает с JQuery что делать?

Question

[mayil]

Всем привет осваиваю WP, но возникла проблема - не могу работать с JQuery - без вп скрипты работаю а с вп такая вот проблемма

Answer 1

[Stalker_RED]

Подключить jQuery

Comments

[mayil]

add_action( 'wp_enqueue_scripts', 'jquery_script_method' );
function jquery_script_method() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'https://code.jquery.com/jquery-3.3.1.js', false, null, true );
wp_enqueue_script( 'jquery' );
}

add_action('wp_enqueue_scripts', 'action_function_name_7714' );
add_action('wp_enqueue_style', 'addstyle');

function action_function_name_7714(){
wp_enqueue_script( 'bootsrap-script', get_template_directory_uri(). '/vendor/bootstrap/js/bootstrap.bundle.min.js', array('jquery'), $in_footer );
wp_enqueue_script( 'jquery-easing', get_template_directory_uri(). '/vendor/jquery-easing/jquery.easing.min.js', array('jquery'), $in_footer );
wp_enqueue_script( 'magnific-popupg', get_template_directory_uri(). '/vendor/magnific-popup/jquery.magnific-popup.min.js', array('jquery'), $in_footer );
wp_enqueue_script( 'jqBootstrapValidation', get_template_directory_uri(). '/js/jqBootstrapValidation.js', array('jquery'), $in_footer ); wp_enqueue_script( 'freelancer', get_template_directory_uri(). '/js/freelancer.min.js"', array('jquery'), $in_footer );
wp_enqueue_style( 'bootsrap', get_template_directory_uri(). '/vendor/bootstrap/css/bootstrap.css', null, false );
wp_enqueue_style( 'font-awesome', get_template_directory_uri(). '/vendor/font-awesome/css/font-awesome.min.css', null, false );
wp_enqueue_style( 'font-montserrat', 'https://fonts.googleapis.com/css?family=Montserrat...', null, false );
wp_enqueue_style( 'font-lato', 'https://fonts.googleapis.com/css?family=Lato:400,7...', null, false );
wp_enqueue_style( 'popup', get_template_directory_uri(). '/vendor/font-awesome/css/font-awesome.min.css', null, false );
wp_enqueue_style( 'freelancer', get_template_directory_uri(). '/css/freelancer.min.css', null, false );
wp_enqueue_script( 'conatctme', get_template_directory_uri(). '/js/contact_me.js"', array('jquery'), $in_footer );

Answer 2

[Владимир Проскурин]

Мое чутье мне подсказывает, что вы пишите jQuery с большой буквы, вот так JQuery, а так не надо, первая буква маленькая.

Comments

[mayil]

А сейчас дает такую проблему

[Владимир Проскурин]

mayil, не используйте $, используйте jQuery

[Александр Соболев]

function get_js() {
  wp_register_script('js_function', /* здесь путь до файла. в примере - от дириктории плагина plugins_url('js/my_js_functions.js', __FILE__)*/, array('jquery'),'1.1', true);
  wp_enqueue_script('js_function'); 
  wp_localize_script( 'js_function', 'ajaxurl', admin_url( 'admin-ajax.php' ) );
}
add_action( 'wp_enqueue_scripts', 'get_js' ); // для внешней части
add_action( 'admin_enqueue_scripts', 'get_js' ); // для админки

/*Если jQuery взаимодействует через AJAX то не забудьте про "ajax" actions */
add_action( 'wp_ajax_{название экшена}', '{функция обработчик}');
add_action( 'wp_ajax_nopriv_{название экшена}', '{функция обработчик}');

И да - присоединяюсь к Владимир Проскурин: Не используйте "$" - используйте "jQuery"
или оберните скрипт

(function($){ // <----- Начало обертки
 // Ваша $ функция
 // Много Ваших $ функций
})(jQuery); // <----- Конец обертки

[mayil]

Александр Соболев, а теперь такая ошибка хотя на локалке все отлично

[Александр Соболев]

нужно смотреть код.

[mayil]

Александр Соболев,

(function($) {
  "use strict"; // Start of use strict

  // Smooth scrolling using jQuery easing
  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: (target.offset().top - 70)
        }, 1000, "easeInOutExpo");
        return false;
      }
    }
  });

  // Scroll to top button appear
  $(document).scroll(function() {
    var scrollDistance = $(this).scrollTop();
    if (scrollDistance > 100) {
      $('.scroll-to-top').fadeIn();
    } else {
      $('.scroll-to-top').fadeOut();
    }
  });

  // Closes responsive menu when a scroll trigger link is clicked
  $('.js-scroll-trigger').click(function() {
    $('.navbar-collapse').collapse('hide');
  });

  // Activate scrollspy to add active class to navbar items on scroll
  $('body').scrollspy({
    target: '#mainNav',
    offset: 80
  });

  // Collapse Navbar
  var navbarCollapse = function() {
    if ($("#mainNav").offset().top > 100) {
      $("#mainNav").addClass("navbar-shrink");
    } else {
      $("#mainNav").removeClass("navbar-shrink");
    }
  };
  // Collapse now if page is not at top
  navbarCollapse();
  // Collapse the navbar when page is scrolled
  $(window).scroll(navbarCollapse);

  // Modal popup$(function () {
  $('.portfolio-item').magnificPopup({
    type: 'inline',
    preloader: false,
    focus: '#username',
    modal: true
  });
  $(document).on('click', '.portfolio-modal-dismiss', function(e) {
    e.preventDefault();
    $.magnificPopup.close();
  });

  // Floating label headings for the contact form
  $(function() {
    $("body").on("input propertychange", ".floating-label-form-group", function(e) {
      $(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
    }).on("focus", ".floating-label-form-group", function() {
      $(this).addClass("floating-label-form-group-with-focus");
    }).on("blur", ".floating-label-form-group", function() {
      $(this).removeClass("floating-label-form-group-with-focus");
    });
  });

})(jQuery); // End of use strict

[Владимир Проскурин]

mayil, ну, значит mainNav не существует.

[mayil]

Владимир Проскурин, Существует из готовой верстки переношу if ($("#mainNav").offset().top > на это ругается