jQuery模擬懸停並單擊

Question

我目前正在為網站制作插件，但偶然發現了一個問題：我的插件需要模擬點擊div，但只有當您將鼠標懸停在另一個div上時，該div才會出現。 我試過了

$("#id-1").trigger("mouseover");
$("#id-2").click();

但這並沒有真正起作用，因為盒子立即消失了。

有什么辦法可以做到嗎？

提前致謝！

編輯：$（“＃id-2”）不僅變得不可見，它不再存在於元素中，他們使用一些代碼將其刪除，並將其懸停在$（“＃id -1" ）

Answer 1

如果您有權訪問CSS文件，則可以使用懸停類來執行此操作，假設它們是同級兄弟（可以修改為與父子關系一起使用），並且它們使用display:block和display:hidden來隱藏/顯示隱藏的元素

/* CSS */
elemOne:hover ~ div, .hover ~ div { display:block; } // Applies on hover or if 
                                                     // hover class
/* jQuery */
$('elemOne').addClass('hover'); // Initialize the hover state
$('elemTwo').trigger('click');  // Click the now-showing element
$('elemOne').removeClass('hover'); // Remove the hover state

演示