Problem mit masonry (jQuery) - Admin Bar ist weg.

Hallo!

Ich habe vor das jQuery Plugin masonry auf meiner Seite einzubauen. So weit hat das auch geklappt, die gewünschten Effekte funktionieren einbahnfrei. Nun ist es aber so, dass auf einmal meine Admin Bar verschwunden ist (ich meine die Leiste, die oben angezeigt wird, sofern man eingeloggt ist).

Nach langer recherche gibt es nun die Theorie, dass sich verschiedene jQuery Versionen eventuell gegenseitig überschreiben. So weit ich weiß wird ja mit dem <?php wp_head(); ?> eine jQuery version eingebunden.

So hab ich das ganze gemacht:

header.php:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Dabei ist mir aufgefallen, dass mein Admin Bar Problem von folgender Reihenfolge abhängt:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Admin Bar funktioniert/Plugin nicht.

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Plugin funktioniert/Admin Bar dagegen nicht.


Ich bin so langsam etwas ratlos, weil ich wirklich keinen Fehler finde. Habt Ihr eine Idee oder Anregung?

Schon mal vielen Dank für Eure Mühen und Antworten!

P.S. Ich habe Euch noch einen Screenshot vom Code angehangen, weil der erste Code etwas schwer zu lesen ist in der Forenansicht.

 

Hi, danke für die Antwort!

ich habe Deinen Vorschlag versucht umzusetzen:

<?php wp_head(); ?>
<script type="text/javascript" src="http://xyz.de/wp-includes/js/jquery/jquery.masonry.min.js">
$(window).load(function(){
$('#container').masonry({
// options
itemSelector : '.item',
columnWidth : 240
});
});
/* ]=]=> */


</script>

Nur leider funktioniert das nicht. Siehst Du einen Fehler?

[Nachtrag]
P.S. mit jQuery anstatt $ geht's auch nicht.

 

Also den ersten Teil weglassen bewirkte nur, dass kein Effekt mehr eintrat (keine Admin Bar)

Die noConflict lösung:

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($){
$('#container').masonry({
// options
itemSelector : '.item',
columnWidth : 240
});
});
</script>

Hier habe ich keine Admin Bar und keinen Effekt.

Puuh, irgendwo ist da der Wurm dirn.

 

Hm...also nein eigentlich nicht.
Ich stehe noch so ziemlich am Anfang des Aufbaus, sodass ich eigentlich nur das jQuery Plugin versucht habe einzubauen.

Hier kannst Du Dir das ansehen. Aber nur wenn Du Zeit und Lust hast, sonst muss ich ohne Admin Bar auskommen.

Nochmals vielen Dank!

 

Nein in diesem Zustand funktionieren die Effekte nicht und die Admin Bar ist leider weg.

 

Habe alle Varianten noch mal mit

<?php wp_head(); ?>
</head>

unten ausprobiert.

Funktionierte leider auch nicht. Mir ist aufgefallen, dass die Admin Bar nur funktioniert, wenn ich das hier weglasse:

<?php wp_enqueue_script('jquery'); ?>

 

Nur im Frontend. Und danke! die </div> ist weg!

 

Ja alles außer das jQuery Plugin...

Ich denke ich verzichte jetzt erst mal auf die Admin Bar im Frontend und mache erst mal mit der Programmierung weiter. Vielleicht kommt mir irgendwann noch die Erleuchtung

Was ein Katastrophenprojekt. Aber ich muss ja unbedingt so tolle jQuery Effekte nutzen...

Dankesehr!

 

ohja stimmt! Danke für den Hinweis!

 

Hi, habe grade durch Zufall (programmiere noch meinen Blog neu) die Lösung für das Problem gefunden.

jQuery muss man bei Wordpress grundsätzlich in der footer.php einbinden. Umzwar unmittelbar vor dem </body> Tag:

<!-- Load jQuerey from google. We also need jQuerey UI to animate color -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
</script>
<!-- Load our local script -->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.masonry.min.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(window).load(function(){
jQuery('#container').masonry({
// options
itemSelector : '.item',
columnWidth : 240
});
});
/* ]]> */


</script>

</body>

Funktioniert wunderbar und die Admin Bar ist da wo sie sein soll

Noch mal ein großes Dankeschön an Art fo Pic!