Question

我希望在加载twitter bootstrap轮播后执行操作。旋转木马在准备就绪时触发的某些事件或我可以利用的任何事件。

我正在尝试根据URL中的查询参数使轮播转到特定的幻灯片。现在我的代码看起来像这样：

function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
});
return vars;
}

if (window.location.href.match('\\goto=')) {
    var match =  getUrlVars()['goto'];
    $('.carousel').carousel(match);
}

在转盘装好并准备好之前，这显然不起作用。我不想使用延迟。

Answer 1

您是否尝试通过Javascript将active类添加到索引item的{{1}}元素中？这对我有用。

像

这样的东西

match

希望有所帮助：）

Answer 2

Carousel插件具有滚动到特定幻灯片的方法。例如，如果您的网址是carousel.php？slide = 1，那么在JavaScript中您可以拥有：

<script>
    $('.carousel').carousel();
</script>
<?php if (isset($_GET['slide'])): ?>
<script>
    $('.carousel').carousel(<?php echo intval($_GET['slide']); ?>);
</script>
<?php endif; ?>

在引导轮播加载后执行操作

2 个答案: