מה לא טוב כאן (jquery ב wordpress)

[ש.ב.ח.]

jqurey בוורדפרס, מה לא טוב כאן?

$(document).ready(function($) {
    
    $('#close').click(function($){
            $('#tofes').fadeOut();
            s1.empty();
            s2.empty();
            s3.empty();
            $('#date_div').empty();
            $("#step-form-2, #step-form-1, #step-form-3").delay(200).queue(function(){
            $("#step-form-2").removeClass("col-md-6 col-md-4").addClass("d-none");
            $("#step-form-1").removeClass('col-md-6 col-md-4').addClass('col-md-12');
            $('#step-form-3').removeClass('col-md-4').addClass('d-none');
            $(this).dequeue();
        })
})    
});

זו התוצאה:

[chagold]

תעביר את העכבר על העיגול האדום, מה כתוב?

[ש.ב.ח.]

@chagold

[ש.ב.ח.]

@chagold
העניין הוא כשאני כותב את הפונקציה על העמוד עצמו זה עובד.

<!--
<script>
    jQuery(document).ready(function($) {
        $("#close").click(function() {
            $("#tofes").fadeOut();
        });
    });
</script>
-->

[יוסף בן שמעון]

@ש-ב-ח למה אתה מעביר את האובייקט $ כפרמטר לוקאלי לפונקציה? תשתמש בו באובייקט גלובלי

[ש.ב.ח.]

@יוסף-בן-שמעון
איפה אתה מתכוון?

[יוסף בן שמעון]

@ש-ב-ח

$(document).ready(function($ <<) {
    
    $('#close').click(function($ <<){

[ש.ב.ח.]

@יוסף-בן-שמעון
ניסיתי, זה לא העניין... אותה בעיה.

[יוסף בן שמעון]

@ש-ב-ח נסה להדפיס את האובייקט הזה בתחילת הפונקציה לפני שאתה מפעיל את המתודה

console.log($('#tofes'))

ותראה מה התוצאה

[ש.ב.ח.]

@יוסף-בן-שמעון
תקשיב הבעיה היא בהתנגשות של Jquery עם וורדפרס...

לעת עתה ביטלתי את ה קוד הבא בfunctions.php

    wp_enqueue_script(
        'jquery-js',
        'https://code.jquery.com/jquery-3.3.1.slim.min.js',
        array(),
        '4.3.1',
        true);

ואני משתמש עם הJquery של וורדפרס (הבעיה שצריך במקום דולר לכתוב Jquery, אז פתרתי את זה כך:

var j = jQuery;

ואז אני כותב j במקום $