Установка кода на wordpres?

Question

[ART4]

Добрый вечер, столкнулся с ситуацией и не знаю как быть.
Написал калькулятор на сайт. Чисто на php, html, js, css. На локалке работает ровно.
Сейчас пытаюсь внедрить в wordpress на страницу половину не работает.
В коде использую Jquery 1.9.1, на сайте стоит версия 1.12.4.
Если использую библиотеку 1.12.4 то мой код выбивает ошибку :

function incrementRoomValue() {
    // Get current values
    var value = parseInt(document.getElementById('iptCountRoom').value, 10);
    var timeTotalApartmentMinute = parseInt(document.getElementById('iptTimeTotalApartmentMinute').value, 10);
    var nextTotalApartmentMinute = timeTotalApartmentMinute + timeAddtRoomMinute;
    // Check about max
    if (value < maxRoomsCount && nextTotalApartmentMinute <= maxSliderMinute) {
        // Increment
        value = incrementValue(value, maxRoomsCount);
        checkIncDecButtonRoom(value, minRoomsCount, maxRoomsCount);
        document.getElementById('iptCountRoom').value = value;
        // View
        document.getElementById('divRoomsCount').innerHTML = value.toString()
            + ' ' + getEnding(value, endingStrings.aRoomEndings);
        document.getElementById('spRoomsCount').innerHTML = value.toString() +
            ' ' + getEnding(value, endingStrings.aCalculateRoomEnding);
        document.getElementById('aIncBathroom').className = 'plus-room';
        // Calculation
        calculationApartment(true, timeAddtRoomMinute);
        checkTotalTime();
    }
}

Именно тут var nextTotalApartmentMinute = timeTotalApartmentMinute + timeAddtRoomMinute;
Ошибка Uncaught ReferenceError: timeAddtRoomMinute is not defined

Если беру как изначально делал на 1.9.1
то тогда

Uncaught ReferenceError: countRoom is not defined
    at HTMLDocument.<anonymous> 
    at c 
    at Object.fireWith [as resolveWith] 
    at Function.ready 
    at HTMLDocument.H

И это ругает мою библиотеку. Как быть?

Comments

[kreoTech]

timeAddtRoomMinute а где у вас вообще инициализация этой переменной происходит?

[ART4]

kreotech, нажмите на плюсик
shiklosk.by/?page_id=960

Answer 1

[Орхан Гасанлы]

А не пробовали ли вы в functions.php темы сделать deregister стандартного jquery и добавить свой вариант?

Что-то типа такого...

function register_myscripts() {
		
	wp_deregister_script('jquery');
	wp_register_script('jquery', get_template_directory_uri() .
		'/assets/js/jquery.js');
	wp_enqueue_script('jquery');
	
}

add_action('wp_enqueue_scripts', 'register_myscripts');

+ все внешние скрипты подключайте через functions.php

Comments

[ART4]

Я не очень селён в wp, привык другие системы трогать.

В functions.php у меня

<?php
/*--------------------------------------------------------------
Copyright (C) pixelemu.com
License: http://www.pixelemu.com/license.html PixelEmu Proprietary Use License
Website: http://www.pixelemu.com
Support: [e-mail]
---------------------------------------------------------------*/
?>
<?php
// add CSS
function pe_css_load() {
	wp_enqueue_style( 'style', get_stylesheet_directory_uri().'/style.css' ); 
	wp_enqueue_style( 'bootstrap.min', get_template_directory_uri().'/bootstrap-3.3.5/css/bootstrap.min.css' ); 
	wp_enqueue_style( 'bootstrap-theme.min', get_template_directory_uri().'/bootstrap-3.3.5/css/bootstrap-theme.min.css' );
	wp_enqueue_style( 'font-awesome.min', get_template_directory_uri().'/css/font-awesome.min.css' );
	wp_enqueue_style( 'template', get_template_directory_uri().'/css/template.css' );
	if ( is_rtl() ) {
	  wp_enqueue_style( 'rtl', get_template_directory_uri().'/css/rtl.css' );
	}
	wp_enqueue_style( 'style-responsive', get_template_directory_uri().'/css/template-responsive.css' );
}
add_action( 'wp_enqueue_scripts', 'pe_css_load' );

// add JS
function pe_js_load()
{
	wp_enqueue_script('jquery');
	wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . '/bootstrap-3.3.5/js/bootstrap.min.js', array('jquery'), '3.3.5', false );
	wp_enqueue_script( 'theme_script', get_template_directory_uri() . '/js/theme-script.js', array('jquery'), '1.0.0', false );
    if ( is_singular() && comments_open() ){
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'pe_js_load' );

// content width - BEGIN
if ( ! isset( $content_width ) ) {
	$content_width = 1170;
}
// content width - END

// option tree code
get_template_part('functions/option-tree');

// theme support
if( function_exists( 'add_theme_support' ) ) {
		add_theme_support('automatic-feed-links');
		add_theme_support( 'post-thumbnails' );
}

// add widgets
get_template_part('functions/widgets');

// custom classes field for all widgets
get_template_part('functions/custom-css-classes-for-widgets');

// theme pagination
get_template_part('functions/pagination');

// darker and lighter colors
get_template_part('functions/color-dark-light');

// activate plugins
require_once dirname( __FILE__ ) . '/class-tgm-plugin-activation.php';
add_action( 'tgmpa_register', 'pe_theme_register_plugins' );
get_template_part('functions/class-tgm-plugin-activation-options');

// add layouter chooser for post categories
get_template_part('functions/category-layout-chooser');

// small functions and mods
get_template_part('functions/small-functions');

// Register Custom Navigation Walker when MaxMegaMenu is disabled
if ( ! function_exists( 'max_mega_menu_is_enabled' ) ) {
	get_template_part('functions/wp_bootstrap_navwalker');
}

// Load the theme's translated strings.
add_action('after_setup_theme', 'pe_load_theme_textdomain');
function pe_load_theme_textdomain(){
    load_theme_textdomain('pe-cleaning-company', get_template_directory() . '/languages');
}

/*-----------------------------------------------------------------------------------*/
/*	Sanitize multiple classes
/*-----------------------------------------------------------------------------------*/
if ( ! function_exists( 'pe_sanitize_class' ) ) {
	function pe_sanitize_class( $classes ) {
		$classes = explode(' ', $classes);
		$classes = array_map( 'sanitize_html_class', $classes );
		$classes = implode( ' ', $classes ); //array to string
		return $classes;
	}
}

/*-----------------------------------------------------------------------------------*/
/*	Post class
/*-----------------------------------------------------------------------------------*/

if ( ! function_exists( 'pe_post_classes' ) ) {
	function pe_post_classes( $classes ) {
		if ( is_page() ) {
			$classes = array_diff( $classes, array( 'hentry' ) );
		}
		return $classes;
	}
}
add_filter( 'post_class','pe_post_classes' );

/*-----------------------------------------------------------------------------------*/
//	Enqueue
/*-----------------------------------------------------------------------------------*/

function enqueueWidgetsAdmin( $hook ) {
	if( $hook != 'widgets.php' ) return;
	wp_enqueue_script( 'pe-multifields-admin', plugins_url() . '/pe-cleaning-company-plugin/js/multifields-admin.js', array('jquery'), false );
}
add_action( 'admin_enqueue_scripts', 'enqueueWidgetsAdmin' );
?>

Но как я понял вот тут: JS всё

function pe_js_load()
{
	wp_enqueue_script('jquery');
	wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . '/bootstrap-3.3.5/js/bootstrap.min.js', array('jquery'), '3.3.5', false );
	wp_enqueue_script( 'theme_script', get_template_directory_uri() . '/js/theme-script.js', array('jquery'), '1.0.0', false );
    if ( is_singular() && comments_open() ){
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'pe_js_load' );

[Орхан Гасанлы]

Но как я понял вот тут: JS всё

Все верно. Может быть вы попробуете вместо wp_enqueue_script('jquery'); подключить jquery ту версию, которая вам нужна?

Замените ее на:

wp_deregister_script('jquery');
  wp_register_script('jquery', get_template_directory_uri() .
    '/js/jquery.js');
  wp_enqueue_script('jquery');

Залейте файл jquery в директорию js и проверьте. Вроде должно сработать. Просто в ВП, часто бывают ошибки, если скрипты и стили подключать через header || footer.

[ART4]

azerphoenix, Вот смотрите
Вставил как вы сказали

function pe_js_load()
{
	wp_deregister_script('jquery');
  wp_register_script('jquery', get_template_directory_uri() .
    '/js/jquery.min-1.9.1.js');
  wp_enqueue_script('jquery');
	wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . '/bootstrap-3.3.5/js/bootstrap.min.js', array('jquery'), '3.3.5', false );
	wp_enqueue_script( 'theme_script', get_template_directory_uri() . '/js/theme-script.js', array('jquery'), '1.0.0', false );
    if ( is_singular() && comments_open() ){
        wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'pe_js_load' );

jquery.min-1.9.1.js файл
Теперь ругается вот так почему то ссылка shiklosk.by/?page_id=960

Uncaught ReferenceError: countRoom is not defined
at HTMLDocument. (step1.js:3)
at c (jquery.min-1.9.1.js?ver=4.9.2:3)
at Object.fireWith [as resolveWith] (jquery.min-1.9.1.js?ver=4.9.2:3)
at Function.ready (jquery.min-1.9.1.js?ver=4.9.2:3)
at HTMLDocument.H (jquery.min-1.9.1.js?ver=4.9.2:3)

[Орхан Гасанлы]

Ага. 2 вопроса:
1) как вы скрипт step1.js подключаете? Если что подключите его через functions.php

2) В step1.js есть указанный ниже код? Попробуйте все $ заменить на jQuery

$(document).ready(function () {
    setDefaults(countRoom, countBathroom, timeTotalApartmentMinute, timeTotalMinute, startSliderMinute);
    sliderTime(minSliderMinute, startSliderMinute, maxSliderMinute, stepSliderMinute);
    checkIncDecButtonRoom(countRoom, minRoomsCount, maxRoomsCount);
    checkIncDecButtonBathroom(countRoom, minRoomsCount, countRoom);
});

[Орхан Гасанлы]

И обязательно соблюдайте порядок подключения скриптов.
Сперва jquery, затем bootstrap. Все остальное ниже

[ART4]

azerphoenix, Ввёл строку

wp_enqueue_script( 'step1', get_template_directory_uri() . '/js/step1.js', array('jquery'), false );

в functions.php
Теперь на главной не работает слайдер.
2 Вариант может ещё надо?

[ART4]

azerphoenix, Заменил всё всё равно ошибки и не работает(

[Орхан Гасанлы]

ART4, вы же проверяете в консоли ошибки?

[Орхан Гасанлы]

Скажу заранее, я не специалист по js.
Но консоль ругается на <
Скрин https://screenshots.firefox.com/XtvKzeJjwoJzQQUG/null

Скрин из консоли -
https://screenshots.firefox.com/1ypL6hsuYkRpDYoa/null

[ART4]

azerphoenix, да смотрю, ошибка не меняется

[Орхан Гасанлы]

ART4, попробуйте исправить ошибки из консоли. Я указал выше на что браузер ругается.

Просто в ВП вместо $ лучше использовать jQuery
Статья - https://digwp.com/2011/09/using-instead-of-jquery-...

[ART4]

azerphoenix, но сейчас стоит jQuery за место $ в step1.js и нет изменений

[ART4]

azerphoenix, в первом скрине ошибку не понял. 2 скрил библиотека ругается ей кто то мешает

[Орхан Гасанлы]

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