Домой Учебники по JavaScript и jQuery Как исправить WordPress «Uncaught TypeError: $ не является функцией» jQuery Ошибка?

Как исправить WordPress «Uncaught TypeError: $ не является функцией» jQuery Ошибка?

521
0

Содержание

Как вы могли заметить во время разработки WordPress , иногда очень трудно понять, как правильно поставить скрипт в очередь ?

Должен ли я просто добавить скрипт внизу страницы в нижнем колонтитуле? Должен ли я добавить скрипт в header сайта WordPress? Ну, есть некоторые стандарты, установленные фреймворком WordPress, которым должен следовать каждый.

В этом уроке мы рассмотрим, как ставить скрипт в очередь Typed.min.js правильный путь к вашей теме WordPress и исправить Uncaught TypeError: $ is not a function Ошибка jQuery.

Этот урок поможет вам, если у вас есть какие-либо из следующих вопросов:

  • Как правильно добавить JavaScripts и стили в WordPress
  • Как поставить в очередь скрипты и стили в WordPress?
  • Загрузка CSS и JavaScript в WordPress в правильном направлении

Давайте сначала разберемся с сценарием:

Для моего другого премиум- сайта я хотел использовать Typed.min.js с правильными опциями в WordPress.

Работая над настройкой эффекта выше, я обнаружил странную ошибку, с которой я никогда не сталкивался. Посмотрите на эту ошибку ниже:

Выше ошибка произошла, прежде чем неправильный способ включить JQuery на мой сайт.

Перед — Используя приведенный ниже код в Footer Вручную:

Неправильный способ включить JQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
src = https://code.jquery.com/jquery-1.12.4.min.js >
src = https://pro.crunchify.com/typed.min.js type = text / javascript >
<скрипт>
   $ ( function ( ) {
       $ ( .element ) . набрал ( {
         строки : [ «App Shah …» , «Инженер (MS) …» , «Любитель WordPress …» , Java-разработчик … ] ,
         typeSpeed : 100 ,
         Задняя задержка : 3000 ,
         цикл : правда
       } ) ;
   } ) ;

После — Правильный способ поставить скрипт в functions.php

Правильный способ поставить скрипт в тему WordPress

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
функция typed_script_init ( ) {
     wp_enqueue_script ( 'typedJS' , https://pro.crunchify.com/typed.min.js , массив ( 'jquery' ) ) ;
}
add_action ( 'wp_enqueue_scripts' , 'typed_script_init' ) ;
функция typed_init ( ) {
     эхо ' <скрипт>
jQuery ( функция ( $ ) {
       $ ( .element ) . набрал ( {
       строки : [ «App Shah …» , «Инженер (MS) …» , «Любитель WordPress …» , Java-разработчик … ] ,
       typeSpeed : 100 ,
     Задняя задержка : 1000 ,
     цикл : правда
} ) ;
     } ) ; ' ;
}
add_action ( 'wp_footer' , 'typed_init' ) ;

В приведенном выше коде есть две вещи:

  1. Прежде всего мы используем wp_enqueue_script функция, которая имеет 3-й параметр для использования jQuery, загруженного с WordPress. Нет необходимости добавлять jQuery вручную . Это правильный способ поставить скрипт в WordPress.
  2. Мы также изменили функцию $(function(){ в jQuery(function($){ Для того, чтобы исправить Uncaught TypeError: $ is not a function ошибка.

Надеюсь, что это поможет вам исправить и поставить в очередь ошибку jQuery на вашем сайте.

Как исправить WordPress «Uncaught TypeError: $ не является функцией» jQuery Ошибка?

0.00 (0%) 0 votes

ЧИТАТЬ ТАКЖЕ:  JavaScript для проверки полей электронной почты и пароля в форме отправки события

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь