Javascript jQuery-第n个子项和滑块问题？

慈善页面上有一个通用的图像滑块（nivo图像滑块），包含7张幻灯片，每张幻灯片都是不同的慈善页面。我使用了一些jQuery，这样当您在慈善机构详细信息页面上时，特定的慈善机构幻灯片将首先显示在滑块队列中；而不是从滑块队列的开始循环，显示一个不相关的慈善机构。基本上是查看URL并与滑块链接中的href相匹配，然后添加一个类，然后移动到链接顶部，等等

例如，这两个工作很好

…他们加载各自的慈善机构滑块。然而

…它是最早的条目，位于列表底部，不会加载相应的滑块，只会按正常顺序显示滑块列表，因为jQuery没有启动

慈善机构按日期顺序添加，最新的慈善机构位于列表顶部，最老的慈善机构位于列表底部。jQuery在所有慈善机构中都能正常工作，除了排名靠后的慈善机构之外，它就是不起作用。我确信这与Nivo滑块使用的“克隆”幻灯片有关，也与jQuery中的第n个子项有关，但我就是搞不清楚。这是唯一有意义的事情，因为慈善机构的日期顺序是唯一正在改变的事情。您可以在页面右侧看到一堆慈善标志，即日期顺序，最早的标志位于底部。总是最老的一个（在列表的底部）不起作用

我基本上被卡住了

HTML

---

发生的事情是，“帕普沃思医院慈善机构”是

li

列表中的第一个，并且

insertAfter

将尝试在他自己之后插入它，但他不起作用

我建议您在移动前检查

li

的索引（您正在将目标

li

移动到第二个位置，对吗？）

或者使用

anythingSlider

功能按索引显示幻灯片：

var url = window.location.toString();

$('#slider1 li.panel a').each(function(index){
   var myHref= $(this).attr('href');
   if( url == myHref) {
        $('#slider1').anythingSlider(index);
        return false;
   }
});

---

谢谢你的帮助，我知道现在哪里出了问题。然而，使用if（i==0）似乎不起作用，因为它从来都不起作用。我试着这样做只是为了测试（I==0）{$（this）.remove（）；但它没有删除列表项。有什么想法吗？我忘记了将

I

作为参数添加到回调中。这可能就是它不适用于您的原因。我修复了（我现在将

I

重命名为

index

）

$（'#slider1 li.panel a'）。每个（函数（index）{…if（index=0）.

Ah伙计，这真是太棒了，它现在可以工作了！非常感谢您花时间解释。当您看到哪里出了问题并找到解决方案时，您会感到非常满意！谢谢

var url = window.location.toString();

$('#slider1 li.panel a').each(function(){
   var myHref= $(this).attr('href');
   if( url == myHref) {
        $(this).closest("li").addClass('hello').insertAfter("#slider1 li:nth-child(1)");
        return false;
   }
});

$(document).ready(function() {
  var url = window.location.toString();

  $('#slider1 li.panel a').each(function(){
     var myHref= $(this).attr('href');
     if( url == myHref) {
        $(this).closest("li").addClass('hello').insertAfter("#slider1 li:nth-child(1)");
        return false;
   }
  });
}; 

var url = window.location.toString();

$('#slider1 li.panel a').each(function(index){
   var myHref= $(this).attr('href');
   if( url == myHref) {
        $(this).closest("li").addClass('hello')
        if(index==0){
            $(this).closest("li").insertAfter("#slider1 li:nth-child(2)");
        }else{
            $(this).closest("li").insertAfter("#slider1 li:nth-child(1)");
        }
        return false;
   }
});

var url = window.location.toString();

$('#slider1 li.panel a').each(function(index){
   var myHref= $(this).attr('href');
   if( url == myHref) {
        $('#slider1').anythingSlider(index);
        return false;
   }
});