Wsparcie » Motywy » Wykorzystanie jQuery

  • Witajcie,
    walczę od 3h z jQuery i nie mogę uruchomić nawet czegoś prostego. Poniższy kod próbowałem includować, używać wp_enqueue_scripts i nic. Już trace sił. Oczywiście jQuery jest dodanei używane przez inne pluginy.

    <script>

    jQuery(document).ready(function($) {
    $(document).ready(function () {
    $(‚div#div2’).fadeIn(1000).removeClass(‚hidden’);
    });
    });
    </script>
    <div id=”div2″ style=”width:2px;height:20px;display:none;background-color:green;”></div>`

    Jak można uruchomić tak prosty kawałek kodu jak powyższy? Próbowałem nawet wklejać w różne miejsca i nic.

Viewing 7 replies - 1 through 7 (of 7 total)
  • jQuery(document).ready(function($){
     $('div#div2').fadeIn(1000).removeClass('hidden');
    });

    zapisujesz sobie np. do pliku skrypt.js, ten wrzucasz do swojego motywu w katalog js.
    W functions.php motywu wrzucasz

    function load_custom_script(){
     wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/skrypt.js', array('jquery'), '1.0.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'load_custom_script' );

    …a diva po prostu wstawiasz w motywie gdzie potrzeba, lub wrzucasz w treści strony/wpisu.
    Tylko wywal z niego style przenosząc je do style.css motywu:
    #div2 { width:2px; height:20px; display:none; background-color:green; }

    Podobnie robiłem, niestety nie działa.
    Wrzuciłem to nawet na wersje publiczną strony, bo obstawiałem problemy z localhostem.

    Div’a wstawiłem na sam dół.
    http://forbot.pl/blog/

    Plik z funkcją jQUery:
    http://forbot.pl/blog/wp-content/themes/forbotTheme2/js/test.js?ver=1.0.0

    dlaczego usilnie style wrzucasz w kod, a nie dopiszesz po prostu do style.css motywu?
    -poza tym masz w nich błąd, cudzysłów na końcu.

    Kolejna sprawa removeClass(‚hidden’) -jaką to klasę kasujesz? Gdzie ona?

    Masz element ukryty z atrybutem display:none – chcesz go rozumiem pokazać, czyli zmieniasz wartość tego atrybutu.

    show() albo css(‚display’, ‚block’)

    Style wrzucam usilnie w kod, a nie do css, bo to tylko test jQuery.
    Przykład wzięty z jakieś przykładów użycia jQuery.

    Dokładnie ten sam kod umieszczony w innym pliku działa:
    http://forbot.pl/blog/test.html

    Na WP nie działa mi kompletnie nic umieszczonego w jQuery, nawet alerty. Pytanie, czy to kwestia braku css w głównym pliku, czy czegoś innego…

    wywal wtyczkę viperbar i sprawdź.

    Chyba ruszyło!
    Zdradzisz, jak do tego doszedłeś?

    …sypała błędami JS w konsoli przeglądarki.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Wykorzystanie jQuery’ is closed to new replies.