当鼠标悬停在其他元素上时，元素上的jQuery事件

Question

基本上，我有一堆照片和一张有名字的表格。当有人将鼠标悬停在一张图片上时，我希望该图片的名称(表格中的名称)亮起来，发光，等等。我的问题是，当一个不同的事件被聚焦/‘mouseovered’时，我不知道如何触发一个元素的事件。

请帮帮忙？(JS或jquery，两者均可用)

Answer 1

不是你所要求的，它不会触发事件。但是，如果您需要突出显示图像的相应标题，则这是一种可行的解决方案。无论如何，请参阅此示例http://jsfiddle.net/qYsu9/

$('ul img').hover(function() {
  var index = $(this).data('title');
  $('table .title').removeClass('active').filter('.title-' + index).addClass('active');
});

因此，您只需将一个活动类添加到相应的标题中。

Answer 2

也许$('#caption').trigger('mouseovere');就是你需要的。

阅读更多：http://api.jquery.com/trigger/