Joomla yt megamenu插件的jQuery幻燈片延遲

Question

我有一個工作的Joomla擴展（YT Mega菜單）。我想對現有代碼進行一些更新。

這裏是mouseenter和mouseleave代碼：

 li.addEvent('mouseenter', function (e) { 
     //if (objectReference.hasOpenning) return; 
     log('enter parent of ' + (ul ? ul.id : 'li has not child')); 
     li.addClass('hover'); 
     if (ulexists) { 
      objectReference.showChild(ul); 
     } 
    }); 
    li.addEvent('mouseleave', function (e) { 
     log('leave parent of ' + (ul ? ul.id : 'li has not child')); 
     li.removeClass('hover'); 
     if (ulexists) { 
      if (ul.pinned) return false; 
      objectReference.hideChild(ul); 
     } 
    }); 

在mouseleave我想隱藏ul之前的延遲。 有沒有辦法做到這一點？

請幫助。我是一個初學者，感到困惑。

Answer 1

變化

objectReference.hideChild(ul); 

要

setTimeout(function(){ 
    objectReference.hideChild(ul); 
},time); 

時間以毫秒爲單位。

Answer 2

在mouseleave添加setTimeout像下面

li.addEvent('mouseleave', function (e) { 
    setTimeout(functio(){ 
     log('leave parent of ' + (ul ? ul.id : 'li has not child')); 
     li.removeClass('hover'); 
     if (ulexists) { 
     if (ul.pinned) return false; 
     objectReference.hideChild(ul); 
     } 
    },TIME); 
}); 

凡TIME是時間milliseconds你想讓它躲在之前等待的時間。