I have two seperate functions in a php page. Javascript function is loading correctly, but jQuery doesn't?

Question

inside <head> tag i declare a jQuery function as follows (menu animation function) ;

<script type="text/javascript">
    $(function() {
        $("#top_menu").MenuBar({
            fx: "backout",
            speed: 700,
            click: function(event, menuItem) {
                return true;
            }
        });
    });

</script>

and inside <body> tag i use javascript function as follows (slideshow function) ;

<script type="text/javascript" src="scripts/slideshow.js"></script>
<script type="text/javascript">
    $('slideshow').style.display='none';
    $('wrapper').style.display='block';
    var slideshow=new TINY.slideshow("slideshow");
    window.onload=function(){
        slideshow.auto=true;
        slideshow.speed=10;
        slideshow.link="linkhover";
        slideshow.info="information";
        slideshow.thumbs="";
        slideshow.left="slideleft";
        slideshow.right="slideright";
        slideshow.scrollSpeed=4;
        slideshow.spacing=5;
        slideshow.active="#fff";
        slideshow.init("slideshow","image","imgprev","imgnext","imglink");
    }
</script>

the problem is only slideshow function excuting while loading not menu animation; if i remove the slideshow function, menu animation script is working!

kindly guide me to sort of the problem

ShankarSangoli · Accepted Answer · 2011-08-27 18:53:38Z

1

Try to wrap your javascript code in $() in the body tag like this. Since this code inline in the markup it will be executed right away before even all the resources on the page are loaded. May its causing a js error on the page. You and check the console log if you find any js error on the page.

$(function(){
    $('slideshow').style.display='none';
    $('wrapper').style.display='block';
    var slideshow=new TINY.slideshow("slideshow");

        slideshow.auto=true;
        slideshow.speed=10;
        slideshow.link="linkhover";
        slideshow.info="information";
        slideshow.thumbs="";
        slideshow.left="slideleft";
        slideshow.right="slideright";
        slideshow.scrollSpeed=4;
        slideshow.spacing=5;
        slideshow.active="#fff";
        slideshow.init("slideshow","image","imgprev","imgnext","imglink");

    $("#top_menu").MenuBar({
        fx: "backout",
        speed: 700,
        click: function(event, menuItem) {
            return true;
        }
    });

});

edited Aug 27, 2011 at 18:53

answered Aug 24, 2011 at 14:01

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Jackson Mac Over a year ago

thanks for your reply, i just copy your code and replace with my above portion. when i did that, the whole slideshow is disappearing from the page.

Jackson Mac Over a year ago

i have tried your new version, but, result is same (the whole slideshow is disappearing from the page). PS: im a Amateur in jquery & javacript).

ShankarSangoli Over a year ago

Remove the code which you have in the head tag and try my edited answer.

Jackson Mac Over a year ago

i have tried your new version but, that's too not working. but, somehow manage to find out a fix and now its working! see my fix below. thanks a lot for your effort!

Jackson Mac · Accepted Answer · 2011-08-28 13:39:15Z

0

After lot of days research I got a fix for the conflict with jquery;

I have replace all $$( with dbl( and $( with sgl( in the javascript file (slideshow.js).

then in the html file i have modified first two lines of my code, as follows;

sgl('slideshow').style.display='none';
sgl('wrapper').style.display='block';

Now both (javascript & jquery) working smoothly. Thank you so much @ShankarSangoli - for your effort.

answered Aug 28, 2011 at 13:39

Jackson Mac

312 bronze badges

Collectives™ on Stack Overflow

I have two seperate functions in a php page. Javascript function is loading correctly, but jQuery doesn't?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related