与特定的类

Question

我有一个list和button不同的列表项的jQuery替换列表项...

如果有人点击该按钮时，我想用一个特定的类来代替用不同的列表项列表项。我有课了，但我不知道如何使用load来replace它...

我有此：

$(document).ready(function() { 
$("#dynamic").click(function() { 
    var refreshId = setInterval(function() { 
     $('.remove-this-list-on-click').fadeOut("slow", function() { 
      $(this).load("li a.add-this-list-on-click-instead > *").fadeIn("slow"); 
     }); 
    }); 
}); 
}); 

这里是按钮和列表：

 <div id="dynamic">testestetest</div> 
<ul class="most_popular" id="bla"> 
    <li class="remove-this-list-on-click"></li> 
    <li class="remove-this-list-on-click"></li> 
    <li><a class="add-this-list-on-click-instead"></a></li> 
    <li><a class="add-this-list-on-click-instead"></a></li> 
</ul> 

所以你可以看到类add-this-list-on-click-instead的列表已经存在，所以它应该停留在那里。也许我们可以使用删除remove-this-list-on-click列表项，但我不知道如何......我想这叫排序在您的语言....我想对此点击项目排序。

这里是jSfiddle - >http://jsfiddle.net/aYtma/

Answer 1

您不必使用.load那里，如果类是已经在那里，你没有做任何事情 -

简单地删除此行

$(this).load("li a.add-this-list-on-click-instead > *").fadeIn("slow"); 

如果.add-this-list-on-click-instead最初隐藏 -

那么就让它VI与此同时 -

$("#dynamic").click(function() { 
    $this = $(this); 
    var refreshId = setInterval(function() { 
     $('.remove-this-list-on-click').fadeOut("slow", function() { 
      $this.find("a.add-this-list-on-click-instead").fadeIn("slow"); 
     }); 
    }); 
}); 

Answer 2

您的html不正确。你有开引号和不正确的大括号。

更正：

<div id="dynamic">testestetest</div> 
<ul class="most_popular" id="bla"> 
    <li class="remove-this-list-on-click"></li> 
    <li class="remove-this-list-on-click"></li> 
    <li><a class="add-this-list-on-click-instead"></a></li> 
    <li><a class="add-this-list-on-click-instead"></a></li> 
</ul> 

现在它将会ATLEAST开始回应你的JS。此外，您的问题不清楚是否要删除项目/对项目进行排序/突出显示或刷新项目。也许你应该解决你的问题。