2012-10-27 69 views
0

我想實現平穩格滾動時,「可點擊的標誌巡遊」具體爲:http://www.smoothdivscroll.com/clickableLogoParade.html平滑股利滾動顯示不正確

而且我得到了一個空白頁面可以正常使用正是我想要的方式運行,但是當我將它插入到我目前的佈局中時,它不能正常工作..我假設某些東西正在干擾它嗎?

任何幫助?

這是我加入到我的CSS:

#logoParade 
{ 
width: 628px; 
height: 75px; 
position: relative; 
} 

#logoParade div.scrollableArea a 
{ 
display: block; 
float: left; 
padding-left: 10px; 
} 

這是jQuery的我添加:

<script type="text/javascript"> 
$(document).ready(function() { 
$("#logoParade").smoothDivScroll({ 
    autoScrollingMode: "always", 
    autoScrollingDirection: "endlessLoopRight", 
    autoScrollingStep: 1, 
    autoScrollingInterval: 25 
}); 

// Logo parade event handlers 
$("#logoParade").bind("mouseover", function() { 
    $(this).smoothDivScroll("stopAutoScrolling"); 
}).bind("mouseout", function() { 
    $(this).smoothDivScroll("startAutoScrolling"); 
}); 

}); 
</script> 

並且這些文檔IM包括:

<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script> 

<!-- Latest version (3.0.6) of jQuery Mouse Wheel by Brandon Aaron 
    You will find it here: http://brandonaaron.net/code/mousewheel/demos --> 
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script> 

<!-- jQuery Kinectic (1.5) used for touch scrolling --> 
<script src="js/jquery.kinetic.js" type="text/javascript"></script> 

<!-- Smooth Div Scroll 1.3 minified--> 
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script> 

除了當然實際jquery ..

我上傳我想在這裏實現它,你可以看看: http://www.mintystudios.co.uk/clients/naghmeh/

在這裏,在空白頁工作版本..: http://www.mintystudios.co.uk/clients/naghmeh/1/

任何人都知道爲什麼,它不是在執行版本的工作?

+0

jQuery未加載。 「未捕獲的類型錯誤:對象[對象窗口]的屬性'$'不是函數」獲取jQuery加載,它可能會運行。 –

回答

0

這應該解決您的問題;用您的腳本替換它。

<SCRIPT type="text/javascript"> 

jQuery(function ($) { 
    $("#logoParade").smoothDivScroll({ 
     autoScrollingMode: "always", 
     autoScrollingDirection: "endlessLoopRight", 
     autoScrollingStep: 1, 
     autoScrollingInterval: 25 
    }); 

    // Logo parade event handlers 
    $("#logoParade").bind("mouseover", function() { 
     $(this).smoothDivScroll("stopAutoScrolling"); 
    }).bind("mouseout", function() { 
     $(this).smoothDivScroll("startAutoScrolling"); 
    }); 

}); 
    </SCRIPT>