JQuery funktioniert scheinbar nicht

Rahmspinat

Hallo wp-community,

Ich habe jetzt ein Update von 2.7 auf 2.8 gemacht und jetzt folgenden Code im <head> bereich.

Ich kann das jquery aber irgendwie nicht nutzen.
selbst ein einfacher befehl wie der folgende zeigt kein Ergebnis.

Code

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
   alert('hi');


});
</script>

Kann mir jemand erklären was ich falsch mache oder so?

gruß Martin

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

Morris

JavaScript-Bibliotheken in und aus WordPress nutzen – bueltge.de [by:ltge.de]

Gruß
Mo

Alphawolf

Hallo, der mit dem Blubb. :)

Generell ist zu sagen, dass du statt $() lieber jQuery() verwenden solltest.

Salim

Halol. Ich habe auch Probleme mit einem jQuery Element und zwar wird mein Fisheye Menu nicht richtig angezeigt ( die Grafiken verschwinden, es bewegt sich nicht richtig...) Die Dtaen fgür das Script habe ich aus dem Internet.

Meine Seite ist Equine Blog | Pferde, Reiten, Lebensart
Die CCS Datei liegt unter http://www.equine-blog.tote-zitrone.de/wordpress/wp-c…-blue/style.css, ghanz am ende iostd as CSS für die Navigation.
Und die JS Datei in http://www.equine-blog.tote-zitrone.de/wordpress/wp-c…blue/fisheye.js
Die Navigation ist in der head.php unter http://www.equine-blog.tote-zitrone.de/wordpress/wp-c…-blue/shead.php zu finden.

Ich habe leider null Ahnung von JS und würde mich daher freuen, wenn mal einer drüber schauen würde. Vielleicht findet ja jemand den Fehler, in welcher Datei er auch immer liegen mag. (Die Daten für das Menu sidn ursprünglich aus dem Internet übernommen worden und nur eingefügt worden.)

Gruß
Salim

codestyling

Bitte mal die php Datei als Textdatei abspeichern und Link anbieten, ein Server führt die aus statt sie zu liefern.

Salim

Achja.. natürlich. Utu mir Leid, ich arbeite noch nicht so lange mit Php ^.^" Hier gibtes jetzt eine txt Datei.

Danke für den Hinweis.

codestyling

Leider 404, not found :-?

Salim

Meine Güte, das gibt's doch nicht...

jetzt aber ^^

codestyling

PHP

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


		<?php [COLOR=Red][I][B]wp_enqueue_script("jquery");[/B][/I][/COLOR] wp_head(); ?>
		
<script src="http://www.equine-blog.tote-zitrone.de/wordpress/wp-content/themes/equine-blue/fisheye.js" type='text/javascript'></script>


	</head>

Wenn kein Plugin oder Komponente jQuery hinzufügt, kannst du so dafür sorgen, das es gemacht wird. Allerdings ist das dann in allen Seiten drin, weil es ja im Header passiert.

Rahmspinat

Zitat von Alphawolf

Hallo, der mit dem Blubb. :)
Generell ist zu sagen, dass du statt $() lieber jQuery() verwenden solltest.

Der tipp ist schonmal richtig gut :-)

Das hab ich kurz vorher in dem Blog den Morris angegeben hat, in einem Kommentar gelesen.

Seitdem funktionieren ja wenigstens schon mal einige Befehle :-D

Jetzt würd ich ganz gern eine Tabbox basteln, hab da auch diverse anleitungen im Internet gefunden, aber irgendwie funzt das nicht so richtig.

Am elegantesten erschien mir die Lösung mit

Code

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery("#tabs").tabs();
  });
  </script>

und dann in der Sidebar

Code

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>One</span></a></li>
        <li><a href="#fragment-2"><span>Two</span></a></li>
        <li><a href="#fragment-3"><span>Three</span></a></li>
    </ul>
    <div id="fragment-1">
        <p>First tab is active by default:
        <pre><code>$('#example').tabs();</code></pre>
</p>    </div>
    <div id="fragment-2">
       <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
    </div>
    <div id="fragment-3">
       <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>    
</div>

Alles anzeigen

irgendwie funzt die Sache aber nicht. hat einer eine Ahnung was ich falsch mache?

Folgende dinge werden dann noch in der functions.php geladen.

PHP

wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-ui-tabs');

Alphawolf

Gibt's einen Link? Wenn etwas nicht geht, wird ja sicherlich irgendwo eine Fehlermeldung hinterlegt. :)

codestyling

Speziell zu den jQuery Tabs hab ich einen Artikel geschrieben, das sich diese zwischen jQuery UI 1.5.2 und jQuery UI 1.7.1 geändert hat: Code Styling Project WordPress 2.8 und das jQuery Update

Rahmspinat

Deinen Artikel hab ich gelesen codestyling :-)
ist gut bei Google zu finden.

ich verwende
$(”#tabs”).tabs();
und nicht das alte mit ul.

trotzdem funktioniert das eigenartiger weise nicht :-(

Fehlermeldung kommt nicht. Die Divs werden einfach untereinander aufgelistet. Kein dive wird hide gesetzt, alle sind zu sehen.

Salim

Zitat von codestyling
PHP
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


        <?php [COLOR=Red][I][B]wp_enqueue_script("jquery");[/B][/I][/COLOR] wp_head(); ?>
        
<script src="http://www.equine-blog.tote-zitrone.de/wordpress/wp-content/themes/equine-blue/fisheye.js" type='text/javascript'></script>


    </head>
Wenn kein Plugin oder Komponente jQuery hinzufügt, kannst du so dafür sorgen, das es gemacht wird. Allerdings ist das dann in allen Seiten drin, weil es ja im Header passiert.

Danke Codestyling, dass habe ich nun zugefügt. Dass es alle Seiten betrifft ist keinesfalls schlimm, da die Navigatrion ja auch auf allen Seiten zu sehen sein soll ;) Trotzdem funktioniert es leider nicht. Ich denke es hängt mit dem JS File zusammen, aber da ich mich mit JS auskenne, finde ich den Fehler nicht. Ich habe nun wohl den Fhler gefunden, waurmmeine Bilde rnicht nagezeigt wurden, aber bewegen tut sichd a immer noch niochts. (Außer die 1px Verschiebung durch mein a:hover css) :confused:

flymke

Hi Salim,

Probier mal jquery von der jquery Seite neuzuladen (http://jquery.com/, die min version reicht), kopier die Datei in wp-includes\js\jquery und ersetze die alte jquery.js mit der neu heruntergeladenen.

Ansonsten schau am besten mal direkt in deinen (kompilierten) Quelltext, ob dort jQuery geladen wird (<script type="text/javascript" ...).

Bei mir gabs ein Problem mit der jQuery Version die bei WP 2.8 mitkommt. Mit der heruntergeladenen funktionierts wieder.
:)

Grüsse,
flymke

brainxx

habe auch Probleme mit jquery

auf der seite http://www.schoenau-fussball.de benutze ich ein theme welche eigentlich alle 3 top artikel nacheinander abspielen soll...klicke ich auf den pfeil links und rechts passiert nichts...

hat einer eine idee?

hier eine Link wo es geht:

http://www.woothemes.com/demo/?t=4

brainxx

header.php

PHP

<head profile="http://gmpg.org/xfn/11">


    <title>
        <?php if ( is_home() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php bloginfo('description'); ?><?php } ?>
        <?php if ( is_search() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Search Results<?php } ?>
        <?php if ( is_author() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Author Archives<?php } ?>
        <?php if ( is_single() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
        <?php if ( is_page() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php wp_title(''); ?><?php } ?>
        <?php if ( is_category() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archive&nbsp;|&nbsp;<?php single_cat_title(); ?><?php } ?>
        <?php if ( is_month() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Archive&nbsp;|&nbsp;<?php the_time('F'); ?><?php } ?>
        <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;Tag Archive&nbsp;|&nbsp;<?php  single_tag_title("", true); } } ?>
    </title>


    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


    <link rel="stylesheet" type="text/css"  href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
    
    <?php $bgr_file = get_option('woo_bgr'); 
    if ($bgr_file != "") { ?>
        <link rel="stylesheet" type="text/css"  href="<?php bloginfo('stylesheet_directory'); ?>/styles/bgr/<?php echo $bgr_file; ?>" media="screen" />
    <?php } else { ?>
        <link rel="stylesheet" type="text/css"  href="<?php bloginfo('stylesheet_directory'); ?>/styles/bgr/default.css" media="screen" />
    <?php } ?>    


    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php if ( get_option('woo_feedburner_url') <> "" ) { echo get_option('woo_feedburner_url'); } else { echo get_bloginfo_rss('rss2_url'); } ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
            
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/ie7.css" />
    <![endif]-->
    
    <?php if ( is_single() ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_enqueue_script( 'jquery' ); ?>
    <?php wp_head(); ?>
    
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/fontsize.js"></script>    
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/suckerfish.js"></script>           






<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/jquery.js?ver=1.2.6"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/superfish.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('ul.superfish').superfish();
});
</script>






<script type="text/javascript" src="http://static.fussball.de/fbdeAPI/js/fbdeAPIFunctions.js?schluessel=A94F9CE4A4BBECAD7E0A7FB291835FD5D239CD1A"></script>






  <script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery("#tabs").tabs();
  });
  </script>








</head>

Alles anzeigen

brainxx

keiner eine idee?

SueTown

Hallo,

ich bin gerade am verzweifeln... Ich möchte lediglich eine jQuery-Tab-Navi in meiner Sidebar einbauen und scheitere (denke ich) an der korrekten Einfügung der jQuery-Bibliotheken. Es passiert schlichtweg nichts.

Meine Seite: https://books-and-it.de

Dort kann man sich die Sidebar anschauen. Ich hab mich an die Dokumentation der jQuer UI-Doku gehalten.

Eingebunden habe ich die Skripte folgendermaßen (alles vor dem wp header natürlich):

PHP

<?php wp_enqueue_script('jquery'); // must be here, bofore wp_head! ?>
  <?php wp_enqueue_script('jquery-ui-core'); // must be here, bofore wp_head! ?>
  <?php wp_enqueue_script('jquery-ui-tabs'); // must be here, bofore wp_head! ?>

In der css-Datei habe ich auch die notwendigen Dinge eingefügt (ui-tabs ui-tabs-hide...)

Ich probiere seit gestern nachmittag, aber es will einfach nichts funktionieren. Kann mir jemand weiterhelfen? Das wäre wirklich nett.

Monika

ich stand vor absolut denselben Problem

ich hatte die Möglichkeit all das nötige für die Tabs selbst noch mal zu schreiben und dann das ganze wenn geht auch noch benutzerfreundlich oder
was zu tun was allen jquery von WP zu nutzen graue Haare, kopfschütteln und sonst noch was verursacht

ich lade das nötige jquery Script schlicht nochmals und zwar nicht im header was alles verlangsamt sondern im footer

anzusehen auf meiner kleinen webdesign-in.de
ich habe graue Haare weniger und es klappt, gleitet rollt und scrollt seither

daher empfehle ich ... auch dies zu tun ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

JQuery funktioniert scheinbar nicht

Jetzt mitmachen!