jquery悬停未应用于子节点
jquery hover not applying to child node
我需要右边栏(的联系人下)上的"工人类型"answers"你在哪里工作?"的悬停功能更干净。我需要的是,当我将鼠标悬停在ul上时,子ul保持可见,而不仅仅是现在的父链接,如果我将鼠标移出父链接
这是我的代码
<div class="nav_item">
<div class="nav_item_link" id="clickMe2" href="#"><img src="http://50.28.46.210/dev/obryan/wp-content/themes/wp-foundation/images/compassicon.png" class="nav_icons">
<h5>Where Do You Work?</h5></a>
</div>
<ul id="clickEvent2" class="worker_list">
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/pacific-ocean/">Pacific Ocean</a></li>
<li><a href=""http://dev.trafficdigitalagency.com/obryan/where-do-you-work/atlantic-ocean/">Atlantic Ocean</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/gulf-of-mexico/">Gulf of Mexico</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/bering-sea/">Bering Sea</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/great-lakes/">Great Lakes</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/international-waters/">International Waters</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/mississippi-river/">Mississippi River</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/ohio-river/">Ohio River</a></li>
</ul>
</div>
这是我的jquery
$(document).ready(function(){
$('#clickMe').hover(function() {
$("#clickEvent").fadeToggle("slow");
});
根据请求作为答复发布:http://jsfiddle.net/hgEV9/
$('#clickMe').on("mouseenter",function() {
$("#clickEvent2").fadeToggle("slow");
})
HTML:
<div class="nav_item">
<a class="nav_item_link" id="clickMe" href="#"><img src="http://50.28.46.210/dev/obryan/wp-content/themes/wp-foundation/images/compassicon.png" class="nav_icons"></a>
</div>
<h5>Where Do You Work?</h5>
<ul id="clickEvent2" class="worker_list">
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/pacific-ocean/">Pacific Ocean</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/atlantic-ocean/">Atlantic Ocean</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/gulf-of-mexico/">Gulf of Mexico</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/bering-sea/">Bering Sea</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/great-lakes/">Great Lakes</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/international-waters/">International Waters</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/mississippi-river/">Mississippi River</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/ohio-river/">Ohio River</a></li>
</ul>
</div>
相关文章:
- 将函数的上下文应用于javascript变量
- 将CSS应用于printWindow.print();在Javascript中
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 选择<李>使用普通JavaScript的子节点,而不是孙节点
- 起始节点.js用于并行的线程池
- js循环遍历单击的元素子节点
- $scope.apply()何时应用于angular
- Javascript非常简单:'阅读更多''显示较少'应用于Wordpress的功能
- 如何将数据添加到json的子节点
- 尝试应用于<tr>在ng单击中
- 如何将javascript仅应用于1个表单中的2个表单提交按钮中的1个
- 将脚本应用于Angular 2上的输入
- Json和$scope的角度之间的差异$eval应用于JSON字符串时
- 删除HTML节点而不删除其子节点
- 如何将参数应用于String.prototype.format函数
- 仅将CSS应用于子DIV
- 用于li标记子节点onclick的Javascript代码
- 将外部CSS应用于HTML节点作为内联样式(香草Javascript/Coffeescript)
- 用于添加子节点的聚合事件/回调
- Dojo +单击LazyTreeGrid中父节点的复选框应该会自动使子节点选中How To