Antworten zum Thema „jqueryslider und tooltip behindern sich“

[susiH]

ich habe einen jquery slider und einen tooltip in meine webseite eingebaut... aber es geht immer nur eins von beidem. je nachdem welcher der beiden skriptelemente direkt vor <?php wp_head(); ?> steht.

so sieht der code im head aus

<!-- tooltip -->
<script src="http://cdn.jquerytools.org/1.2.0/jquery.tools.min.js"></script>

<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function() {
$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
});
/* ]]> */
</script>
<!-- ende tooltip -->


<!-- slider -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
        });    
    </script>
<!-- ende slider -->

kann man die irgendwie verbinden, damit die auch mal gleichzeitig funktionieren :muede:

 

[Duddle]

AW: jqueryslider und tooltip behindern sich

Das $(document).ready()-Konstrukt dient dazu, Code anzugeben der erst bei vollständigem Laden der Seite ausgeführt werden soll. Wenn du das doppelt angibst, blockiert das eine das andere. Also musst du es kombinieren:

$(document).ready(function() {
$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
$("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
});

Duddle

 

[susiH]

AW: jqueryslider und tooltip behindern sich

ich hab das jetz so eingefügt, aber vermutlich muss da noch irgendwas weg
kannst du mir vielleicht, wie der komplette code aussehen muss?
so hab ich ihn jetz geschrieben, aber da funktioniert keins von beiden

<script src="http://cdn.jquerytools.org/1.2.0/jquery.tools.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.7.js"></script>
<script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
        });    

$(document).ready(function() {
$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
});
/* ]]> */
</script>

 

[fexx]

AW: jqueryslider und tooltip behindern sich

er hat doch schon den kompletten geschrieben ... ^^

[COLOR=#000000]<script type="text/javascript">[/COLOR]
$(document).ready(function() {
$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
$("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
});
</script>

 

[susiH]

AW: jqueryslider und tooltip behindern sich

wenn ich das so einbinde funktioniert es aber nicht.

<script src="http://cdn.jquerytools.org/1.2.0/jquery.tools.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.7.js"></script>
<script type="text/javascript">
        $(document).ready(function(){    
            $("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
        });    

$(document).ready(function() {
$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
});
/* ]]> */
</script>

kann denn eins von den oberen eingebundenen stören??

 

[MyBad]

AW: jqueryslider und tooltip behindern sich

Aber du hast immer noch 2 mal die "$(document).ready()"-Funktion drin!

Kann es sein, dass du die Beiträge nur überfliegst?

 

[susiH]

AW: jqueryslider und tooltip behindern sich

oh sorry, ich hab den falschen stand reinkopiert...

aber es geht trotzdem nicht

<script src="http://cdn.jquerytools.org/1.2.0/jquery.tools.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){    
            $("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
        });    

$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
});
/* ]]> */
</script>

 

[MyBad]

AW: jqueryslider und tooltip behindern sich

Du solltest den Code wirklich mal 1:1 übernehmen! Nach dem ersten Part beendest du die "$(document).ready()"-Funktion direkt wieder!

$(document).ready(function(){    
            $("#slider").easySlider({
                auto: false, 
                continuous: true,
            });
        }); <- Weg damit!!!  Schließt $(document).ready()-Funktion!

$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
});

 

[susiH]

AW: jqueryslider und tooltip behindern sich

ok jetz geht der slider, aber der tooltip ist immer noch funktionslos

<script src="http://cdn.jquerytools.org/1.2.0/jquery.tools.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.7.js"></script>
    <script type="text/javascript">
$(document).ready(function(){    

$("#slider").easySlider({
                auto: false, 
                continuous: true,
            });

$(".tool").tooltip({position: 'center right',
        offset: [-200,-300],
        delay: 300,
        effect: 'fade',
});
});
</script>

 

[Duddle]

AW: jqueryslider und tooltip behindern sich

Nur eine Vermutung: bitte entferne mal das Komma hinter "continuous: true" im easySlider.


Duddle