查询字符串来控制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, 
    }); 
})