1

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);
}

これは明らかに、カルーセルが読み込まれて準備が整うまで機能しません。私は遅延を使用したくありません。

4

2 に答える 2

1

indexactiveの要素にクラスをJavascript で追加しようとしましたか? これは私にとってはうまくいきます。itemmatch

何かのようなもの

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

それが役に立てば幸い ：）

于 2012-09-21T17:09:09.333 に答える
0

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; ?>
于 2012-09-21T18:24:18.440 に答える