查詢字符串來控制BXSlider startSlide

Question

我想在查詢字符串控制的bxslider上有開始幻燈片。例如，網址http://page.html?id=3將開始幻燈片三，然後用戶可以無限循環地推進幻燈片。我公司目前擁有的代碼是：

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

我不知道怎麼拉查詢字符串值，然後將它的值寫入startSlide。任何幫助，將不勝感激。

Answer 1

您可以手動從window.location.search中提取ID。或者使用一些帶有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, 
    }); 
})