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

Question

我希望在加载 twitter 引导轮播后执行操作。轮播准备好或我可以利用的任何东西时触发的一些事件。

我正在尝试根据 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类添加到itemindex 的元素中match？这对我有用。

就像是

if (window.location.href.match('\\goto=')) {
    var match =  getUrlVars()['goto'];
    var selectedItem = $('#myCarousel').find('.item')[match]
    $(selectedItem).addClass('active');
}

希望能帮助到你 ：）

Answer 2

Carousel 插件具有滚动到特定幻灯片的方法。例如，如果您的 URL 是 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; ?>