我正在尝试让引导轮播延迟加载。看起来这应该是直截了当的,但我什至没有在这里遇到任何错误来进行故障排除。JS:
<script type="text/javascript">
$('#bigCarousel').on("slid", function() {
// load the next image after the current one slid
var $nextImage = $('.active.item', this).next('.item').find('img');
$nextImage.attr('src', $nextImage.data('lazy-load-src'));
});
</script>
然后是html:
<div id="bigCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<img src="assets/bigimage1.jpg" class="img-big">
</div>
<div class="item">
<img data-lazy-load-src="assets/menu-header2.jpg" class="img-big">
</div>
</div>
</div>
firebug 中没有 JS 错误或我能弄清楚的任何其他错误,但我的图像没有加载。可能这里有些愚蠢的简单...