Два плагина jQuery, выводящие на тот же div, не работают

Question

Я использую два плагина jQuery на одной странице, а именно jflickrfeed и bxSlider.jflickrfeed извлекает мои 10 самых последних миниатюр фотографий из flickr и помещает их в div, а bxSlider берет содержимое div и прокручивает их в удобном виде.Они работают раздельно, когда находятся на одной странице, но когда я пытаюсь заставить их работать вместе на одном и том же 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>

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>'
    });
});

, а тело просто содержит

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

И я просто сошлюсь на два других, так как они довольно длинные со всеми необязательными битами.

Может ли кто-нибудь помочь заставить эти два работать вместе?

Answer 1

Отказ от ответственности: я никогда не работал с jflickrfeed или bxSlider .

Я предполагаю, что это связано с тем, что код вашего слайдера работаетсразу после загрузки страницы, что происходит до того, как обработчик готовности документа jQuery запустит и выполнит код flickr.Поэтому слайдер инициализируется до того, как увидит какие-либо / все фотографии в слайдере <div>.

. Постарайтесь убедиться, что ваш плагин слайдера инициализируется после * 1013.* Функция flickr завершает выполнение.

Answer 2

Я не использовал эти плагины, но похоже, что flickr поддерживает функцию обратного вызова.Возможно, вы должны использовать это, чтобы применить ползунок при загрузке.

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