jquery - 每个导航悬停显示和隐藏的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
);