查询字符串以控制BXSlider startSlide

我试图让bxslider的开始幻灯片由查询字符串控制。 例如，urlhttp：//page.html？id = 3将启动幻灯片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, }); })