$（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更改根本不起作用

回答

相關問題