jQueryUI和SlidesJS衝突

我無法擺脫似乎是一個簡單的衝突問題。我得到了使用頁面，jquery.1.8，jQuery的ui.1.8.20，以及相當不錯的插件，幻燈片和旋轉木馬叫SlidesJs（http://slidesjs.com）。jQueryUI和SlidesJS衝突

將jQueryUI和SlidesJs加載到同一頁面中會使幻燈片丟失是幻燈片切換效果動畫（從幻燈片移動到另一個幻燈片時）。一切工作正常，但這。我有我的幻燈片切換沒有動畫，無論如何保持滑動動畫的速度（我的毫秒正確等待滑動開關之前）。其他過渡效果，如「淡入淡出」效果很好。我試圖添加jquery.easing插件（http://gsgd.co.uk/sandbox/jquery/easing/）並明確使用一些緩動效果，但沒有任何更改。

這是我對SlidesJS的init配置。

$(function(){ 
    $('#slides').slides({ 
     preload: true, 
     generateNextPrev: false, //Default is false 
     container: 'slides_container', //Default is "slides_container" 
     pagination: true, //if slider use pagination, Default is TRUE 
     generatePagination: true, 
     slideSpeed: 250, 
     effect: 'slide, fade',    
     preloadImage: '../images/loading.gif',    
     play: 0, 
    }); 
});

任何人都有同樣的問題？

來源

2012-08-30 Giuliano Iacobelli

我有同樣的問題。不知道發生了什麼事。如果我忽略對jQuery（「。幻燈片」）的調用。幻燈片（）並從控制檯運行它，一切正常。 – pspahn

當我將jQuery從1.7.1升級到1.8.3時，我的轉換停止工作。 – ellroy35

嘗試移除圖像周圍的div。

http://slidesjs.com/#docs

<div id="slides"> 
    <div class="slides_container"> 
     <img src="http://placehold.it/570x270"> 
     <img src="http://placehold.it/570x270"> 
     <img src="http://placehold.it/570x270"> 
     <img src="http://placehold.it/570x270"> 
    </div> 
</div>

來源

2012-09-15 22:39:12 sergiigrebeniuk

就像一個魅力。誰會想到。 –

打開slides.jquery.js並找到線98和99

查找：

 

    position = width*2; 
    direction = -width*2;

Replace:

 

    position = option.width*2; 
    direction = -option.width*2;

來源

2013-02-28 12:47:58

jQueryUI和SlidesJS衝突

回答

相關問題