我在一个php页面中有两个独立的函数.Javascript函数加载正确，但jQuery不正确

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

本文关键字：函数 加载 Javascript 不正确 jQuery 独立 php 一个 两个      更新时间：2023-09-26

在<head>标签中我声明了一个jQuery函数(菜单动画函数);

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

和<body>标签内我使用如下javascript函数(slideshow函数);

<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>

的问题只是幻灯片函数执行而加载不是菜单动画;如果我删除幻灯片功能，菜单动画脚本是工作的!

请指导我解决这个问题

尝试像这样在body标签中包装$()中的javascript代码。由于这段代码内联在标记中，因此它将在加载页面上的所有资源之前立即执行。可能会导致页面上出现js错误。如果你在页面上发现任何js错误，你可以检查控制台日志。

$(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;
        }
    });
});

经过很多天的研究，我得到了与jquery冲突的修复;

我在javascript文件( slidesshow .js)中替换了所有$$(与dbl(和$(与sgl(。

，然后在HTML文件中，我修改了前两行代码，如下所示;

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

现在both (javascript &jquery)工作顺利。非常感谢你@ShankarSangoli -谢谢你的努力。

相关文章：