$（this）子元素css更改根本不起作用

我有一个小问题。

$('.item').mouseenter(function() { 
    setTimeout(function() { 
    $(this).find('.item-overlay').css('z-index', '-1'); 
}, 300); 
}).mouseleave(function() { 
    $(this).find('.item-overlay').css('z-index', ''); 
}); 

<div class="item"> 
    <div class="item-overlay"> 
    </div> 

    <iframe>...</iframe> 

</div>

一切工作正常，除了一件小事。 z-index不会改变。你们能帮我解决这个问题吗？我也试着用“未来”，“儿童”，“发现” - 没有工作:(

来源

2013-07-31 Rafcio Kowalsky

是您的元素绝对定位？ –

.item是相对的，.item-overlay是绝对的...... T.J Crowder的解决方案就像一个魅力。谢谢！ –

this你传递setTimeout函数内将window，而不是元素（this取决于如何。函数被调用，而不是使用它的。）

可以保存this值的事件处理程序有（或实际上，因为你要jQuery的包装它，只是做与setTimeout功能外var），例如：

$('.item').mouseenter(function() { 
    var $this = $(this); 
    setTimeout(function() { 
     $this.find('.item-overlay').css('z-index', '-1'); 
    }, 300); 
    // ...

来源

2013-07-31 07:32:35

您需要绝对定位“.item-overlay”

来源

2013-07-31 07:34:45

我认为此超出了您的功能。所以，你可以设置var that = this;在setTimeout之前。并用它代替这个。

回调东西

来源

2013-07-31 07:36:32 MarshalSHI

$（this）子元素css更改根本不起作用

回答

相关问题