Hallo zusammen,
für eine neue WP-Seite nutze ich das Woo-Theme Premium-News. Das kommt standardmäßig u.a. mit lavaLamp.js für das Seiten-Menü und Superfish.js für das Kategorie-Menü. Soweit klappt das auch prima. Wenn ich nun aber ein Formular-Plugin installiere, dann tritt wohl ein Javascript-Konflikt auf - jedenfalls funzen die Java-Effekte bei beiden Menüs nicht mehr, sobald das Formular-Plugin aktiviert ist (egal ob cforms II oder Contact Form 7).
Ich bin nun schon soweit vorgedrungen, dass man das wohl mit
jQuery.[COLOR=#660066]noConflict[/COLOR][COLOR=#009900]([/COLOR][COLOR=#009900])[/COLOR][COLOR=#339933];[/COLOR][COLOR=#339933]
[/COLOR]lösen könnte, allerdings steig ich da nicht wirklich durch.
Wie und wo müsste ich den Befehl einbauen? Die Javaskript-Geschichten
werden bei dem Theme im Footer implementiert. Der Code dazu:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/tabs.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/includes/js/superfish.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".nav2")
.superfish({
animation : { opacity:"show",height:"show"}
})
.find(">li:has(ul)") /* .find(">li[ul]") in jQuery less than v1.2*/
.mouseover(function(){
$("ul", this).bgIframe({opacity:false});
})
.find("a")
.focus(function(){
$("ul", $(".nav>li:has(ul)")).bgIframe({opacity:false});
/* $("ul", $(".nav>li[ul]")).bgIframe({opacity:false});
in jQuery less than v1.2*/
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".cats-list")
.superfish({
animation : { opacity:"show",height:"show"}
})
.find(">li:has(ul)") /* .find(">li[ul]") in jQuery less than v1.2*/
.mouseover(function(){
$("ul", this).bgIframe({opacity:false});
})
.find("a")
.focus(function(){
$("ul", $(".nav>li:has(ul)")).bgIframe({opacity:false});
/* $("ul", $(".nav>li[ul]")).bgIframe({opacity:false});
in jQuery less than v1.2*/
});
});
</script>
<script type="text/javascript">
$(function() {
$("#lavaLamp, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
</script>Gibt's viell. jemanden, der ähnliche Probleme bereits lösen konnte, oder hat jemand eine Idee, wie ich da weiterkomme? Bin leider in Sachen Javaskript völlig auf dem Schlauch...
Für Hilfe oder Anregungen wäre ich äußerst dankbar. ow
[COLOR=#339933]
[/COLOR]