求助：二级菜单悬停的问题
html
:<div class="row-fluid">
  <div class="col-lg-3 column ">
    <div class="dropdown-left">
  <ul class="nav  bs-docs-sidenav affix-top" style="float:right" id="ww">
  <li class="active">
  <a href="#overview" ><i class="icon-chevron-right"></i> 商品分类</a>
  </li>
  <li class=""  >
  <a href="#"><i class="icon-chevron-right"></i> 书本资料</a>
       <div class=" dropdown-right"> 
            <a href="#">History</a>
            <a href="#">Team</a> 
            <a href="#">Offices</a> 
        </div> 
  </li>..............
js: 
$(".dropdown-left li").mouseout(function(){
  $(".dropdown-right",this).hide();
  });

只能停在1级菜单上鼠标到二级菜单位置二级菜单就消失了
------解决方案--------------------
代码不全没法知道你的问题
------解决方案--------------------

	

	$(".dropdown-left li").bind("mouseover",function(e){

		e = e 
------解决方案--------------------
 window.event;

		e.stopPropagation();

		$(this).find(".dropdown-right").show()

	})

	

	$("body").bind("mouseout",function(){

		$(".dropdown-right").hide();

	})