Wordpress: Javascript «загружается», но не работает с ошибками консолиJquery

Программирование на jquery
Ответить
Anonymous
 Wordpress: Javascript «загружается», но не работает с ошибками консоли

Сообщение Anonymous »

Я только знакомлюсь с Wordpress и ставлю сценарии в очередь, поэтому буду признателен за помощь в этом. Я постараюсь предоставить как можно больше подробностей.

Ничего не стоит, все эти сценарии и то, как они загружаются, отлично работают в моих html-шаблонах, но теперь они в Wordpress и, похоже, не загружаются/я получаю ошибки консоли, которых нет в статических шаблонах.

В своих статических шаблонах я загружаю следующие файлы:







В main.js я загружаю два скрипта, которые предшествуют ему:

/**
* RESPONSIVE-NAV.JS (plug-in)
*/

$(function(){

var navigation = responsiveNav(".site-nav__list", {
customToggle: "#site-nav__toggle",
open: function(){
$("#site-nav__toggle").addClass('open');
},
close: function(){
$("#site-nav__toggle").removeClass('open');
}
});
});

/**
* UNIFORM.JS (plug-in)
*/

$("select, input[type='file'], input[type='checkbox'], input[type='radio']").uniform({selectAutoWidth: false, fileButtonClass: 'btn'});


Скрипты не загружаются, и я получаю следующие ошибки консоли:

Uncaught TypeError: $ is not a function
at main.js?ver=4.6.4:10
(anonymous) @ main.js?ver=4.6.4:10

(index):46 Uncaught ReferenceError: conditionizr is not defined
at (index):46


А мои скрипты стоят в такой очереди:

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles', 100 );
function my_theme_enqueue_styles() {

// Dequeue files
wp_dequeue_style( 'normalize');
wp_dequeue_style( 'html5blank');

// Equeue files
wp_enqueue_style( 'main-css', get_stylesheet_directory_uri() . '/css/main.css' );

wp_enqueue_style( 'google-fonts', 'https://fonts.googleapis.com/css?family ... i,700,700i');
}

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts', 100 );
function my_theme_enqueue_scripts() {

// Dequeue files
wp_deregister_script( 'conditionizr');
wp_deregister_script( 'modernizr');
wp_deregister_script( 'html5blankscripts');

// Register/equeue files
wp_register_script('responsive-nav', get_stylesheet_directory_uri() . '/js/responsive-nav.js', array('jquery'));
wp_enqueue_script('responsive-nav'); // Enqueue it!

wp_register_script('uniform-js', get_stylesheet_directory_uri() . '/js/jquery.uniform.min.js', array('jquery'));
wp_enqueue_script('uniform-js');

wp_register_script('main-js', get_stylesheet_directory_uri() . '/js/main.js', array('jquery'));
wp_enqueue_script('main-js');
}


Если я удалю wp_deregister_script( 'conditionizr');, это, кажется, избавит от одной из ошибок, но это не тот сценарий, который мне нужен - я использую дочернюю тему, поэтому я просто хотел удалить все CSS/скрипты родительских тем из разметки и использовать свои собственные.

Надеюсь, кто-нибудь поможет с этим!

Если это поможет, вот также стили, поставленные в очередь родительских тем:

// Load HTML5 Blank scripts (header.php)
function html5blank_header_scripts()
{
if ($GLOBALS['pagenow'] != 'wp-login.php' && !is_admin()) {

wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr
wp_enqueue_script('conditionizr'); // Enqueue it!

wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-2.7.1.min.js', array(), '2.7.1'); // Modernizr
wp_enqueue_script('modernizr'); // Enqueue it!

wp_register_script('html5blankscripts', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '1.0.0'); // Custom scripts
wp_enqueue_script('html5blankscripts'); // Enqueue it!
}
}

// Load HTML5 Blank conditional scripts
function html5blank_conditional_scripts()
{
if (is_page('pagenamehere')) {
wp_register_script('scriptname', get_template_directory_uri() . '/js/scriptname.js', array('jquery'), '1.0.0'); // Conditional script(s)
wp_enqueue_script('scriptname'); // Enqueue it!
}
}

// Load HTML5 Blank styles
function html5blank_styles()
{
wp_register_style('normalize', get_template_directory_uri() . '/normalize.css', array(), '1.0', 'all');
wp_enqueue_style('normalize'); // Enqueue it!

wp_register_style('html5blank', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');
wp_enqueue_style('html5blank'); // Enqueue it!
}


Подробнее здесь: https://stackoverflow.com/questions/429 ... ole-errors
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»