jquery - 当调用另一个元素的悬停事件时调用另一个元素的悬停事件

Question

当我将鼠标悬停在图 block 上时，我尝试使用 jQuery 调用放置在图 block 上的按钮的悬停事件。但是，它不起作用。这是我正在使用的代码

<script >
$( "#tile1" ).hover(function() {
    $('.btn-danger').hover();

 });

</script>

我已经在头部单独链接了 jQuery:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

谁能指出问题所在吗？如果需要，我可以提供有关代码的更多信息。

Answer 1

试试这个:

$("#tile1").hover(function(event) {
  $('.btn-danger').trigger(event.type);
});

更新:

看起来您正在尝试触发 CSS 中定义的悬停。不幸的是，您无法通过 css 触发悬停设置。另一种方法是将 css 设置为某个类(与为悬停编写的 css 相同)，然后分别使用 .addClass() 和 .removeClass() 添加/删除类。

<强> See trigger-css-hover-with-js