傳遞「這個」來。對功能似乎沒有工作

Question

我有一個函數：

function test(e){ 
      $('.movie').find('.moreInfo').removeClass('moreInfoShow'); 
      e.parent().find('.moreInfo').addClass('moreInfoShow'); 
      $("#movieBox").isotope('reLayout'); 

      e.parent().find('.moreInfo').css("opacity", "0"); 
      e.parent().find('.moreInfo').animate({opacity: 1}, 500); 
     } 

這是由叫做：

$("#movieBox").on('mouseover', '.moviePoster', function(event){test($(this));}); 

的問題是，我想被調用的函數當頁面加載時。我需要將「this」傳遞給函數，但是我沒有運行它的工作。

這是我所期待的工作：

test($(".moviePoster").first()); 

（所有代碼是 「$（文件）。就緒」 功能）

Answer 1

如評論中所述，在頁面加載時觸發mouseover事件。

$("#movieBox").find('.moviePoster').trigger('mouseover'); 

Reference

Answer 2

W/O小提琴：

更改此：

$("#movieBox").on('mouseover', '.moviePoster', function(event){test($(this));}); 

到

$("#movieBox").on('mouseover', '.moviePoster', test); 

然後$（this）裏面的測試函數應該指向觸發事件的jQuery對象。

使用「test（$（this））」在回調中調用測試函數將立即執行該函數，而不是在事件觸發時執行。

更新：

你這樣做之後，你需要觸發當然頁面加載鼠標懸停事件。 請參閱Jashwant對如何做到這一點的評論。

更新我錯了。

function(event){test($(this));} 

當然不會立即觸發回調函數。這隻會發生，如果它會是這樣的：

$("#movieBox").on('mouseover', '.moviePoster', test($(this))); 

對不起！