Beiträge von Jabberblab

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!

ohja stimmt! Danke für den Hinweis!

Ja alles außer das jQuery Plugin...

Ich denke ich verzichte jetzt erst mal auf die Admin Bar im [COLOR=#333333]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! [/COLOR]

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

Habe alle Varianten noch mal mit

[COLOR=#0000BB][FONT=monospace]<?php wp_head[/FONT][/COLOR][COLOR=#007700][FONT=monospace](); [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]?>
[/FONT][/COLOR][COLOR=#000000][FONT=monospace]</head>[/FONT][/COLOR]

unten ausprobiert.

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

[COLOR=#333333]<?php wp_enqueue_script('jquery'); ?>

[/COLOR]

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

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!

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.

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.

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 wp_enqueue_script('jquery'); ?>  <?php wp_head(); ?>   <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>

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

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

Admin Bar funktioniert/Plugin nicht.

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

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.