Question

另外，我的jquery代码可以工作，下载的插件也可以。但是当我尝试将它们放在一起时（在标题中尝试单独的脚本，在标题/正文中使用相同的脚本，外部脚本分开/一起...），只有1个或者没有一个可以工作。

该插件名为TinySlideshow（https://github.com/jhorstmann/TinySlideshow），插入html脚本的代码如下：

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

我的问题是，为了避免与插件发生冲突，我必须在哪里加入$(document).ready(function(){？

Answer 1

变化：

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

为：

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

$T是TinySlideShow插件中的一个函数，它只是document.getElementById的缩写。

您应该将所有这些代码放在最后或<body>之后，或者将其全部放在$(document).ready()处理程序中。

插件与现有jquery代码之间的冲突

1 个答案: