我的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'
});
})
你知道了你的頭頂,如果jQuery的滑塊允許不同的圖像高度? – runners3431
不同高度沒有問題,你必須有足夠的空間來顯示圖像的div。這取決於佈局和圖像.... – Dev
太棒了。工作! – runners3431