0

bxslider の開始スライドをクエリ文字列で制御しようとしています。たとえば、URL http://page.html?id=3はスライド 3 を開始し、ユーザーは無限ループでスライドを進めることができます。私が現在持っているコードは次のとおりです。

$(document).ready(function(){
$('.bxslider').bxSlider({
  startSlide: 0,
  infiniteLoop: true,
  });
});

クエリ文字列の値を取得して、その値を startSlide に挿入する方法がわかりません。どんな助けでも大歓迎です。

4

1 に答える 1

1

から id を手動で抽出することもできますwindow.location.search。deparamまたは、関数を含むライブラリを使用します。

$(function(){
var search = window.location.search.substr(1),
    params = $.map(search.split('&'), function(item) {
         var matches = item.split('=');
         return { name: matches[0], value: matches[2]};
    }),
    id = parseInt($.grep(params, function(param){
        return param.name === 'id';
    }).value, 10);

$('.bxslider').bxSlider({
  startSlide: id - 1, //zero based
  infiniteLoop: true,
  });
})
于 2012-11-18T23:20:00.580 に答える