jQuery悬停事件是否不触发UL？

Question

我浏览了许多标题相似的问题，而对于我的一生，无法理解正在发生的事情。 我有一个使用KnockoutJS + jQuery的系统，该系统将填充列表并将类添加到悬停的列表中，该类将在另一个函数中的地图上突出显示该列表。

这是我的HTML：

<ul data-bind="foreach: markers" class="locationListMain">
    <ul class="locationList">
        <h3 class="resultTITLE">
          <span data-bind="text: title"></span>
        </h3>
        <p class="resultLATLONG">
          LAT
          <span data-bind="text: lat"></span>
          , LONG 
          <span data-bind="text: lng"></span>
        </p>
    </ul>
</ul>

很简单。 现在，我试图通过jQuery调用.locationList上的悬停事件：

$('.locationList').hover(function(){
  console.log('hovering');
  $(this).addClass('active');
}, function() {
  console.log('not hovering!');
  $(this).addClass('active');
});

但是我什么也不能解雇。 奇怪的是，如果我删除了.locationList元素，并将该类添加到顶级<ul> ，它将正常工作。 我想知道这是否是CSS问题，但我也无法确定。 毫无高兴地将其移至z索引顶部。 有什么想法吗？ 将不胜感激任何帮助或见识。 谢谢！

Answer 1

多亏特里的评论，才知道了。 悬停事件侦听器试图在dom中可用之前绑定到该元素。 将悬停功能移到

$(document).ready(function(){})

做到了。