jQuery wird nicht erkannt

reboot

Hallo zusammen

Ich bin im Moment daran, ein Countdown-Plugin für Wordpress zu schreiben (bitte keine Links auf andere Plugin, ich brauch ein ganz individuelles Plugin...).

Dafür benötige ich erstmal jQuery. Die Javascript-Datei binde ich mittels:

PHP

wp_enqueue_script('jquery');

ein.

Dann hab ich noch eine jQuery-Erweiterung welche ich brauche. Diese lade ich wie folgt:

PHP

wp_register_script('event-countdown-js', WP_PLUGIN_URL . '/event-countdown/js/jquery.countdown.js');
wp_enqueue_script('event-countdown-js');

Alles schön und gut. Die beiden Dateien werden problemlos geladen.

Nun zum eigentlichen Problem. Im Widget habe ich folgendes stehen (zum Testen):

HTML

<script type="text/javascript">
$(document).ready(function(){
    alert('test');
});
</script>

Ergibt dann folgenden HTML-Code:

HTML

<li id="event-countdown-widget" class="widget-container EventCountdownWidget_widget">
    <div class="event-countdown">
        <p id="countdown">Du hast noch genau...</p>
	
            <script type="text/javascript">
	        $(document).ready(function(){
		    alert('test');
		});
            </script>
				
        <p>... um bei <strong>[Event-Name]</strong> dabei zu sein! Jetzt anmelden!</p>
    </div>
</li>

Alles anzeigen

Leider kommt dann immer die Fehlermeldung (im Firebug):

Zitat

$ is not a function
$(document).ready(function(){

Weiss jemand wieso das nicht klappt?

Gruss und Danke

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Narcanti

Vermutlich musst Du jQuery im NoConflict Mode aufrufen, schau mal hier
http://codex.wordpress.org/Function_Refer…nflict_wrappers
Versuch mal ob es so geht

reboot

Hallo Narcanti

Danke für deine Antwort.

Ok, hab ich jetzt ausprobiert.
Der alert (Ausgabe: "jQuery") Funktioniert tadellos, doch das Plugin scheint so nicht zu laufen. Fehlermeldungen gibt es keine... ich nehme an, das hängt mit dem NoConflict-Modus zusammen...

HTML

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#countdown").countdown({
            date:new Date("04/28/2011 14:00:00"),
            display_months: "<?php echo $countdown_item->display_months ?>",
            display_weeks: "<?php echo $countdown_item->display_weeks ?>",
            display_days: "<?php echo $countdown_item->display_days ?>",
            display_hours: "<?php echo $countdown_item->display_hours ?>",
            display_minutes: "<?php echo $countdown_item->display_minutes ?>",
            display_seconds: "<?php echo $countdown_item->display_seconds ?>",
            onTick:function(control, months, weeks, days, hours, minutes, seconds) {
                alert('test');
                
                <?php if ($countdown_item->display_months == '1') : ?>
                    $("#months").html(months);
                <?php endif ?>
	
                <?php if ($countdown_item->display_weeks == '1') : ?>
                $("#weeks").html(weeks);
                <?php endif ?>
	
                <?php if ($countdown_item->display_days == '1') : ?>
                $("#days").html(days);
                <?php endif ?>


                <?php if ($countdown_item->display_hours == '1') : ?>
                $("#hours").html(hours);
                <?php endif ?>
	
                <?php if ($countdown_item->display_minutes == '1') : ?>
                $("#minutes").html(minutes);
                <?php endif ?>
	
                <?php if ($countdown_item->display_seconds == '1') : ?>
                $("#seconds").html(seconds);
                <?php endif ?>
            }
    });
 });
</script>

Alles anzeigen

reboot

Habs jetzt gefixt. So gehts:

PHP

function include_jquery() {
       echo '<script type="text/javascript" src="'. WP_PLUGIN_URL . '/event-countdown/js/jquery.js"></script>';
}


add_action('wp_head', 'include_jquery', 1);

Willkommen! Melden Sie sich an oder registrieren Sie sich.

jQuery wird nicht erkannt

Jetzt mitmachen!