2012-09-20 39 views
3

jQuery的块我有这个剧本在我的asp.net页面:结合的代码

<script type="text/javascript"> 
    var mouseover_tid = []; 
    var mouseout_tid = []; 

    jQuery(document).ready(function() { 
     jQuery('.menus > li').each(function (index) { 
      jQuery(this).hover(

       function() { 
        var _self = this; 
        clearTimeout(mouseout_tid[index]); 
        mouseover_tid[index] = setTimeout(function() { 
         jQuery(_self).find('ul:eq(0)').fadeIn(200); 
        }, 400); 
       }, 

       function() { 
        var _self = this; 
        clearTimeout(mouseover_tid[index]); 
        mouseout_tid[index] = setTimeout(function() { 
         jQuery(_self).find('ul:eq(0)').fadeOut(200); 
        }, 400); 
       } 

      ); 
     }); 

     jQuery('.menus > li > .children > li').each(function (index) { 
      jQuery(this).hover(

       function() { 
        var _self = this; 
        clearTimeout(mouseout_tid[index]); 
        mouseover_tid[index] = setTimeout(function() { 
         jQuery(_self).find('ul:eq(0)').fadeIn(200); 
        }, 400); 
       }, 

       function() { 
        var _self = this; 
        clearTimeout(mouseover_tid[index]); 
        mouseout_tid[index] = setTimeout(function() { 
         jQuery(_self).find('ul:eq(0)').fadeOut(200); 
        }, 400); 
       } 

      ); 
     }); 
    }); 
</script> 

两个脚本集团是相同的,除了

jQuery('.menus > li >) 

jQuery('.menus > li > .children > li') 

哪有我组合了这两个代码块。请建议

回答

4

选择器的工作相同的CSS,因此,所有你需要的是他们昏迷分开:

jQuery('.menus > li, .menus > li > .children > li')