2011-11-21 77 views
1

我的jQuery滑塊在Chrome中不起作用。它只顯示導航,沒有其他DOM元素。似乎在Firefox中正常工作。jQuery滑塊不適用於Chrome?

我可以在這裏使用一些幫助。謝謝!

http://staging.nvcc.edu/businesses-and-community/workforce-development/_index-damon2.html

HTML:

<div id="featured-event"> 
    <div id="featured-event-in"> 
    <div class="event-listing"><a href="http://www.nvcc.edu/wdce/annandale/courses/onlinelearning/taxprep.asp"><img alt="The Income Tax School" src="../images/taxschool-ad.jpg" width="200"/> 
     <div class="event-caption"> 
     <h3>NOVA now offers online courses in tax preparation. </h3> 
     <p>Learn More</p> 
     </div> 
     </a></div> 
    <div class="event-listing"><a href="#"><img alt="Spring 2012 Catalog" src="../images/catalog-ad.png" width="200"/> 
     <div class="event-caption"> 
     <h3>Spring 2012 Catalog Now Available</h3> 
     <p>Sign up for a course today!</p> 
     </div> 
     </a></div> 
    </div> 
</div> 

的JavaScript:

<script src="../../_assets/js/jquery-1.4.4.js" type="text/javascript"></script> 
<script src="../../_assets/js/jquery.cycle.all.2.72.js" type="text/javascript"> </script> 
    <script type ="text/javascript"> 
$(document).ready(function(){ 
    $('#featured-event-in').after('<div id="navCycle">').cycle({ 
     fx:  'scrollLeft', 
     speed: 300, 
     timeout: 3500, 
     pause: 1, 
     next: '#next2', 
     pager: '#navCycle' 
    }); 
}) 

回答

0

CSS高度添加到div(ID爲 '功能,事件中')。

+0

你知道了你的頭頂,如果jQuery的滑塊允許不同的圖像高度? – runners3431

+0

不同高度沒有問題,你必須有足夠的空間來顯示圖像的div。這取決於佈局和圖像.... – Dev

+0

太棒了。工作! – runners3431

相關問題