jQuery - 添加类后如何刷新选择器

Question

我在 jsfiddle 中做了这个例子来演示我的问题： http://jsfiddle.net/paulmason411/7E6vG/< /a>

查看如何添加灰色类，但当您第二次悬停时它不应用左边距。我猜测这是因为 $('.block.grey') 选择器是在添加 grey 类之前声明的。

无论如何，我可以让 $('.block.grey') 选择器在添加类后重新解析 dom 吗？

任何帮助都会很棒，干杯！

编辑： 我有一个更复杂的示例

$('.accordion h3').not('.ui-state-active').find('a').live('hover', function(){

，其中动态添加 ui-state-active 类。 bitsMix 指出这段代码正在使 a 生效。所以我已经将其更新为

$('.accordion h3').live('hover', function(){
  $(this).not('.ui-state-active').find('a').stop().animate({

并且有效！谢谢你们！

Answer 1

您需要将 live 添加到如下所示：

$('.block.grey').live( "hover",function(){
    $(this).css('margin-left', '10px');    
});

fiddle

Answer 2

$('.grey').live('hover',function(){
    $(this).css('margin-left', '100px');    
});

http://jsfiddle.net/bitsmix/7E6vG/2/ 现场演示:)

Answer 3

它来了：

$('.block').hover(function(){
    $(this).css('background-color', '#CCC'); 
    $(this).addClass('grey');
});

$('.block.grey').live('hover',function(){
    $(this).css('margin-left', '10px');    
});

jQuery Live

Answer 4

您可以使用 .live()

$('.block.grey').live('hover', function() {
    $(this).css('margin-left', '10px');    
});

http://jsfiddle.net/7E6vG/1/