Javascript 在页面加载轻松滑块上为jQuery滑块设置当前幻灯片

我将jQuery滑块与幻灯片一起用作指向其他页面的链接。加载的其他页面的滑块也具有相同的幻灯片、相同的顺序和相同的链接

我不知道如何在加载页面时设置当前幻灯片

例如：有四张幻灯片。单击幻灯片三并加载页面时，我希望滑块位于幻灯片三上。跟随一个链接，然后必须浏览前面的幻灯片，这是令人沮丧的

我最初是用AJAX从幻灯片链接加载附加页面的，但是在加载附加页面时会调用另一个jQuery脚本，并且$（document）.ready函数不会被调用

我没有修改Easy Slider脚本中的任何内容，我正在使用默认选项。下面是来自Easy Slider的幻灯片示例代码

<!-- markup example for $("#slider").easySlider(); -->
<div id="slider">
    <ul>
        <li><a href="someLink1"><img src="images/01.jpg" alt="" /></a></li>
        <li><a href="someLink2"><img src="images/02.jpg" alt="" /></a></li>
        <li><a href="someLink3"><img src="images/03.jpg" alt="" /></a></li>
        <li><a href="someLink4"><img src="images/04.jpg" alt="" /></a></li>
    </ul>
</div>

我认为应该可以在li标签中添加一个id，并以某种方式修改JS以引用该id。。。只是不知道从哪里开始

任何帮助和指导都是一流的

---

谢谢。

您可以使用.live（）函数通过AJAX调用旧脚本

或者使用服务器端（php）更改IMGAE的顺序

或jquery查找元素并使用.detach（）删除，然后使用.append（）将其放回堆栈顶部

---

希望这有帮助

我不确定该插件是否具体，但我建议您使用AnythingSlider，它允许您使用散列标签链接到特定的幻灯片。因此，您的链接将附加类似于#slide-4的内容-然后插件将其设置为活动链接。

我还没有用滑块测试过这一点，但它的逻辑应该有效（使用jQuery cookie插件）：

---

我要去看看这个。。。我会让你知道的。为了节省时间，我抓取了调试并使用了AnythingSlider。这东西很好用。我试过了，但没用。我认为其中的一个问题可能是我在使用Drupal，所以有些东西有点古怪。只要JS是正确的，它就不在乎它是由什么制作的。Drupal将处理后端而不是浏览器端，如果最后一个不起作用，我将重新访问Jquery调用。。。但它不起作用。我确保下载并包含cookie插件。有什么想法吗？@danstever有JavaScript错误吗？发生什么事了吗？你有没有一个链接可以在某个地方预览它？我应该，应该有任何额外的信息添加到html中吗？“我把一切都原封不动地留下来了。”丹斯蒂弗也许应该原封不动地工作。你能上传你的页面进行预览吗？这样我就可以自己看看这个问题了？

// check if a cookie is stored
if( $.cookie('pageId') != null ){
    // change the order of the li elements according to cookie ID stored
    $('#slider ul li:lt('+$.cookie('pageId')+')').appendTo($("#slider ul"));
}

// initiate slider
$("#slider").easySlider();   

// handle click events
$('#slider a').click(function(e){
    // prevent the click from going through 
    e.preventDefault();
    // store cookie with clicked item index
    $.cookie("pageId",$('#slider a').index(this));
    // forward the user onwards to the link url
    window.location = $(this).attr('href');
});