ui.jquery deusche version wp und original

harry22

mal meine feststellung(oder frage?) in den raum geworfen:

ich habe folgendes javascript in meine wp-installation eingebaut:
UI/Tabs - jQuery JavaScript Library

folgendes phänomen habe ich festgestellt: wenn ich die javascripte in die originalwordpressinstallation einbaue, dann funktioniert javascript problemlos.

in der deuschsprachigen version allerdings nicht und ich weiß nicht, wie ich es zum laufen bringe.

kann mir jemand sagen, woran das hängen mag?

(es sind alles frisch installierte test-blogs)

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

codestyling

Die jQuery ui-Tabs legt man auch nicht bei, man benutzt die, die WordPress schon mitbringt. http://forum.wordpress-deutschland.org/design/39807-j…html#post191672
Dadurch verhindert man Inkompatibilitäten mit anderen Plugins, die das sauber machen. Denn nicht jede runtergeladene und hinzugefügte Version ist mit jQuery aus WP kompatibel, die bereits enthaltenen Scripte sind es aber!

harry22

codestyling: das hört sich gut an. ich habe so einiges mit tabs rumexperimentiert, auch das plugin ausprobiert. das problem war da immer, dass ich zwar in jedem post tabs einfügen konnte. sobald ich aber im post 1, tab b angeklickt habe, wurden alle anderen tabs in anderen posts verändert, bzw. zugemacht.

meine frage also an dich: funtioniert die von dir vorgeschlagene lösung in jedem post unabhängig?

codestyling

Hier mal aus der jQuery Tabs Dokumentation:

Code

<script>
  $(document).ready(function(){
    $("[B][COLOR=Red]#example[/COLOR][/B]").tabs();
  });
  </script>
  
</head>
<body>
  
        <div [COLOR=Red][B]id="example"[/B][/COLOR]>
            <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:</p>
                <pre><code>$('#example').tabs();</code></pre>
            </div>
            <div id="fragment-2">
                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.
            </div>
            <div id="fragment-3">
                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.
            </div>
        </div>
</body>

Alles anzeigen

Wenn bei dir nicht alle ID's gleich sind und du alle Tab Container suchst und dann pro Container auf die jQuery Tabs bindest (Javascript Schnipsel), dann sollten die unabhängig voneinander funktionieren.

harry22

so nach einiger arbeit habe ich jetzt rausgefunden, dass jquery und prototype nicht zusammen funtzen. zunächst habe ich das plugin wp-lightbox ausgeschaltet, und damit dann bei mir auch prototype im frontend.

wie ich diesen konflikt löse, steht hier:

das soll man einfügen. allerdings weiß ich jetzt nicht, wie ich es machen soll.

Code

$j=jQuery.noConflict(); // Use jQuery via $j(...)
$j(document).ready(function(){
   //do something...
});

nun gut, koknflikt prototype und jquery ist ja nur mein zwischenproblemchen, wobei ich natürlich hier gerne einen tipp hätte. hat jemand einen?

dann aber das problem, wie einbinden? ich habe jetzt erstmal folgendes im header eingebunden. so funtzt es bei mir:

PHP

<link rel="stylesheet" href="<?php bloginfo('url'); ?>/wp-content/plugins/plugin/tabs.css" type="text/css">
  <script src="<?php bloginfo('url'); ?>/wp-content/plugins/plugin/js/jquery-1.3.min.js"></script>
  <script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/plugin/js/ui.core.js"></script>
  <script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/plugin/js/ui.tabs.js"></script>

allerdings will ich ein plugin basteln und da hast du codestyling natürlich recht mit dem einbinden der schon vorhandenen bibliothek:

Code

wp_enqueue_script('jquery-ui-tabs');

aber ich weiß nicht so recht. es will bei mir nicht klappen. ich glaub, es liegt an der reihenfolge, wie die einzelnen skripte im header geladen werden. ????

hab auch schon damit probiert (im plugin eingebunden):

Code

wp_enqueue_style('http://domain.de/wp-content/plugins/plugin/tabs.css');
wp_enqueue_script('http://domain.de/wp-content/plugins/plugin/js/jquery-1.3.min.js');
wp_enqueue_script('http://domain.de/wp-content/plugins/plugin/js/ui.core.js');
wp_enqueue_script('http://domain.de/wp-content/plugins/plugin/js/ui.tabs.js');

aber das funtz nicht. hm

vielleicht noch einen tipp?

codestyling

Ja, hab ich, alles nach WP Manier codieren hilft: Function Reference/wp enqueue script WordPress Codex
Allerdings ist das "Gezanke" mit den angegebenen Plugins noch eine andere Baustelle, deswegen hab ich u.a. die bei mir installierte Lightbox Version auch umgeschrieben auf wp_enqueue_script.

harry22

Naja, ich habs erstmal so eingebunden, wie man es nicht machen soll. Codestyling, ich muss mir bei Zeiten anschauen, wie es mit dem Einbinden von Style-Dateien und Javascripten in einem Plugin funktionieren soll.

Viele Güße

Frau_Braun

Ich hänge mich hier mal ran, denn auch bei mir geht es um Konflikte zwischen verschiedenen jQuery-Plugins. Ich bin absoluter Laie in diesem Gebiet.

Ich benutze eine Nextgen-Gallery (http://alexrabe.de/wordpress-plugins/nextgen-gallery/) im Header und möchte ein Accordeon auf einer Seite benutzen. Das Akkordeon soll einzelne Posts ("Artikel") auf einer Kategorieseite darstellen. Dafür hatte ich ursprünglich dieses Plugin (http://www.jeffikus.com/downloads/word…cordion-plugin/) vorgesehen, aber es macht Macken, weil es den ersten Post nicht öffnet und den Inhalt des Posts verkürzt, auf eine Weise, die mir rätselhaft ist. Außerdem baut es auf eine 5 Jahre alte Version von jQuery auf, und das finde ich nicht besonders elegant.

Zuererst dachte ich, dieser Link helfe (http://docs.jquery.com/Using_jQuery_with_Other_Libraries), aber mein Wissen ist wohl zu spärlich, um das umsetzen zu können.

Genug gequatscht: ist unter den hilfreichen Menschen dieses Forums einer, der mir sagen kann, wie ich diese beiden Dinge gleichzeitig ins Laufen bringe?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

ui.jquery deusche version wp und original

Jetzt mitmachen!