"Uncaught TypeError: $ is not a function" przy ładowaniu skryptu JS do Wordpressa

Question

Witam,

pierwszy raz przenoszę stronę stworzoną na podstawie Bootstrapa do Wordpressa, aby dodać możliwość obsługi karty "Aktualności" i natrafiłemna problem....

mianowicie, kiedy dodaję skrypt poprzez kartę "funcions" to skrypt przestaje działać na wordpressie i wyskakuje mi w debugu chrome następujący błąd:

Uncaught TypeError: $ is not a function(anonymous function) @ smsc.js?ver=1.0:1

gdzieś wyczytałem, że to problem wordpressa, że jest jakiś konflikt z funkcją "$" i trzeba trochę inaczej funcję zapisać. Niestety nie umiem na tyle dobrze JS aby samemu sobie poradzić, a próbowałem...

jest mi ktoś w stanie pomóc w jaki sposób mam napisać poniższy skrypt:

$(document).ready(function() {
    // navigation click actions    
    $('.scroll-link').on('click', function(event){
        event.preventDefault();
        var sectionID = $(this).attr("data-id");
        scrollToID('#' + sectionID, 750);
    });
    // scroll to top action
    $('.scroll-top').on('click', function(event) {
        event.preventDefault();
        $('html, body').animate({scrollTop:0}, 'slow');         
    });
    // mobile nav toggle
    $('#nav-toggle').on('click', function (event) {
        event.preventDefault();
        $('#main-nav').toggleClass("open");
    });
});
// scroll function
function scrollToID(id, speed){
    var offSet = 0;
    var targetOffset = $(id).offset().top - offSet;
    var mainNav = $('#main-nav');
    $('html,body').animate({scrollTop:targetOffset}, speed);
    if (mainNav.hasClass("open")) {
        mainNav.css("height", "1px").removeClass("in").addClass("collapse");
        mainNav.removeClass("open");
    }
}
if (typeof console === "undefined") {
    console = {
        log: function() { }
    };
}

Answer 1

Najprościej - opakuj cały skrypt w to:

(function($){
	//script
})(jQuery);

 

Comments

nie zgłasza błędu już, ale za to skrypt nie działa... wydaje mi się, że ważne w nim jest te początkowe "$(document).ready"

kurde już brak mi normalnie pomysłów... 

PRZEPRASZAM - DZIAŁA! 

przez nieuwagę nie opakowałem całego skryptu... mój błąd... trzeba opakować calutki skrypt w pliku JS, a nie pojedyncze funkcje. Bardzo Ci dziękuję kolego! 

A dla potomnych, to poniżej daję wyjaśneinie z dokumentacji Wordpressa:

http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

---

Jeszcze raz - DZIĘKI! 

Answer 2

Niby to powinno pomóc:

jQuery(document).ready(function($) {
// tutaj można używać $
});

Comments

ciągle ten sam błąd... własnei to już próbowałem... normalnie już włosy zaczynam z głowy wyrywać...