jQuery为每个导航悬停显示和隐藏

Question

我正在尝试在mouseenter和mouseleave上显示和隐藏，以便导航可以显示实际上是导航的iframe。我知道这很奇怪也很不寻常，但无论如何我的代码只在第一个悬停时起作用，我试图让它在导航上循环以显示所有导航悬停。

我相信.each（）方法会起作用我只是不确定如何将它应用到我的代码中。

感谢您的帮助。

            $(document).ready(function() {  


            $("#primary-navigation li").bind("mouseenter",function() {
            $("#primary-navigation li iframe").show();
            });

            $("#primary-navigation li").bind("mouseleave",function() {
            $("#primary-navigation li iframe").hide();
            });

            });

Answer 1

也许这会有所帮助。我认为您错误地使用了bind。应该是on，delegate或hover

$("#primary-navigation li").hover(
   function(){  $(this).find('iframe').show(); }, // mouseenter
   function(){  $(this).find('iframe').hide(); }  // mouseout
);