两个jQuery插件输出到同一个div不工作

两个jQuery插件输出到同一个div不工作,jquery,jquery-plugins,Jquery,Jquery Plugins,我在同一个页面上使用了两个jQuery插件,即jflickrfeed和bxSlider。jflickrfeed从flickr中提取我最近的10张照片缩略图,并将它们放入一个div中,bxSlider获取div的内容,并以一种很好的滚动方式滚动它们。它们在同一页上分别工作,但当我试图让它们在同一个分区上一起工作时,bxSlider似乎放弃了 这在页面的标题中: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jqu

我在同一个页面上使用了两个jQuery插件,即jflickrfeed和bxSlider。jflickrfeed从flickr中提取我最近的10张照片缩略图,并将它们放入一个div中,bxSlider获取div的内容,并以一种很好的滚动方式滚动它们。它们在同一页上分别工作,但当我试图让它们在同一个分区上一起工作时,bxSlider似乎放弃了

这在页面的标题中:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jflickrfeed.min.js"></script>
<script src="setup.js"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#slider2').bxSlider({
displaySlideQty: 10,
ticker: true,
tickerSpeed: 3000,
tickerHover: true,
});
});
</script>

$(函数(){
$('#slider2').bxSlider({
显示幻灯片数量:10,
没错,
股票价格:3000美元,
没错,
});
});
setup.js包含以下内容:

$(document).ready(function(){

    $('#slider2').jflickrfeed({
        limit: 10,
        qstrings: {
            id: '22264049@N00', tags: 'gigsw, peoplew, miscw, lomow', tagmode: 'any'
        },
        itemTemplate: '<div><a href="{{link}}"><img src="{{image_s}}" alt="{{title}}" border=0 /></a></div>'
    });
});
$(文档).ready(函数(){
$('#slider2').jflickrfeed({
限额:10,
Q字符串:{
id:'22264049@N00'标记:'gigsw,peoplew,miscw,lomow',标记模式:'any'
},
项目模板:“”
});
});
身体里就有

<div id="slider2"></div>

我将链接到另外两个,因为它们包含所有可选位,非常长


有人能帮我把这两个功能结合起来吗?

我还没有使用过这些插件,但flickr one似乎支持回调函数。也许您应该使用它在加载时应用滑块

$(function(){
     var jflckoptions = {...};
     var jflcktemplate = "...";
     var bxoptions = {...};
     $("#slider2").jflickrfeed(jflckoptions,jflcktemplate,function() { $("#slider2").bxSlider(bxoptions); });
    });

免责声明:我从未使用过jflickrfeed或bxSlider

我猜这是因为页面加载时滑块代码会立即运行,这发生在jQuery document ready处理程序启动和执行flickr代码之前。因此,滑块在看到滑块中的任何/所有照片之前正在初始化自身


尝试确保在flickr函数完成执行后,滑块插件被初始化。如果我是你,我可能不会同时拥有
$(function(){})
$(文档).ready(函数(){})