2013-01-15 73 views
1

我不知道我在做什麼錯,因爲一切似乎都正常工作,除了animationComplete()選項,我什至不能運行一個簡單的警報。我實際上想要使用此選項在一個循環後停止幻燈片放映(然後在第一幀完成),但在我可以做到這一點之前,我需要animationComplete()才能工作。這是我嘗試做一個警告其完全不返回任何東西:animationComplete選項不起作用?

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({ 
    animationComplete: function(current) { 
     alert('alerted'); 
    }, 
    fx: 'scrollLeft', 
    pause: true, 
    pager: '#slides-nav' 
}); 

在我期待循環旋轉一次通過一天的結束,然後在第一張幻燈片暫停。我只是想,這是我遇到的第一個障礙,所以除非我弄清楚我做錯了什麼,否則我無法超越這一點。

我期待完成與this guy完全相同的功能。

回答

0

嗯,如果我是對的,我想你混淆了兩個插件,他們每個人都有不同的方式來使用回調,您使用的是循環jQuery插件和animationComplete屬於slidejs因此嘗試使用「後」,而不是animationComplete,試試這個:

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({ 
    fx: 'scrollLeft', 
    pause: true, 
    pager: '#slides-nav', 
    after: alert('alerted') 
}); 
+0

哇。這並不令人尷尬或任何事情。顯然,這個網站正在鏈接到SlidesJS和jQuery Cycle Plugin,而我剛剛看到的第一件事就是(SlidesJS)。 感謝您的支持!現在,我只需要讓幻燈片在一次循環後停在第一張幻燈片上。 – norsewulf

+0

儘管我想這是對我原來的問題的正確答案,所以我會將其標記爲如此。 – norsewulf

+0

檢查此頁http://jquery.malsup.com/cycle/after.html是他們的回調的一個例子,我認爲他們的例子「在幻燈片1通過後」的作品只是複製和工作:)好運和無後顧之憂它發生在所有! – Paradise

1

也許只是這樣的事情:

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({ 
    autostopCount: $('img',this).length+1, 
    fx: 'scrollLeft', 
    pause: true, 
    pager: '#slides-nav' 
}); 
+0

我看你注意到,我其實是使用jQuery Cycle插件也是如此。我嘗試使用'autostopCount:$('img',this).length + 1,',但它似乎沒有做任何事情。我明白你要去的是什麼。我會嘗試自己重寫它,但是我沒有把我的jQuery語法解釋得很好,以致於無法找到它...... – norsewulf

+0

嘿,烤了,只是想說這實際上可以工作。我的問題是我使用div來製作幻燈片。一旦我調整了選擇器,相應的一切都很好。謝謝!! – norsewulf