有没有办法根据URL查询字符串在某个图像上启动jQuery滑块?我的主页有一个列表,当点击某个项目时,它会使用jQuery滑块重定向到新页面。
我想开始将图片链接到主页上点击的项目。
HTML示例:
<div id="div">
<ul id="list">
<li class="slide">
<a href="/Profile/1">First</a>
</li>
<li class="slide">
<a href="/Profile/2">Second</a>
</li>
<li class="slide">
<a href="/Profile/3">Third</a>
</li>
</ul>
</div>
JQuery Slider代码:
$(document).ready(function () {
var currentSlide = 1;
var $profile = $('.PhysicianProfile');
var $slider = $profile.find('.PhysicianSlider');
var $details = $slider.find('.PhysicianProfileDetails');
// Slide Left
$('.profileBtnLeft').on('click', function () {
$slider.animate({ 'margin-left': '+=1026px' }, 800, function () {
currentSlide--;
if (currentSlide === 1) {
$('.profileBtnLeft').prop("disabled", true);
}
});
});
// Slide Right
$('.profileBtnRight').on('click', function () {
$slider.animate({ 'margin-left': '-=1026px' }, 800, function () {
currentSlide++;
if (currentSlide == $details.length) {
$('.profileBtnRight').prop("disabled", true);
}
});
});
});
现在,如果我单击主页上的任何列表项,它会转到“配置文件”页面,但滑块始终从第一张图像开始。
如果我点击第二个列表项,是否可以使用从第二个图像开始的滑块打开“配置文件”页面?
谢谢!