jquery滑过展开/隐藏div层,但是div层里的元素不能点击

muyang 发布于 2012/08/06 18:01
阅读 4K+
收藏 0

 

鼠标还没有碰到 那个黄色框里面的文字,,就自动触发隐藏掉了。

 

<div class="meimei_search_1_left">
			
			        <div onclick="meimei_change_search_1(1)" id="meimei_search_1_left_content_1" class="meimei_search_1_left_content_b">面积</div>
						<!-- +++++ -->
						<div id="meimei_search_1_right_content_1" class="meimei_search_1_right_content">
							<div class="xuanze">					
								<ul>
									<li class="leftselected" id="la_0"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t6', 0, 'la', 0, 8);">不限</a></li>
									<li class="leftselect" id="la_1"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 1, 'la', 1, 8);">50㎡以下</a></li><li class="leftselect" id="la_2"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 2, 'la', 2, 8);">50-70㎡</a></li><li class="leftselect" id="la_3"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 3, 'la', 3, 8);">70-90㎡</a></li><li class="leftselect" id="la_4"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 4, 'la', 4, 8);">90-110㎡</a></li><li class="leftselect" id="la_5"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 5, 'la', 5, 8);">110-130㎡</a></li><li class="leftselect" id="la_6"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 6, 'la', 6, 8);">130-150㎡</a></li><li class="leftselect" id="la_7"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t6', 7, 'la', 7, 8);">150㎡以上</a></li>									
									
								</ul>
							</div>
						</div>
						<!-- ----- -->
					
						<div onclick="meimei_change_search_1(2)" id="meimei_search_1_left_content_2" class="meimei_search_1_left_content_b">建筑年代</div>
						<!-- +++++ -->
							<div id="meimei_search_1_right_content_2" class="meimei_search_1_right_content">
							<div class="xuanze">
								<ul>
									<li class="leftselected" id="ly_0"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 0, 'ly', 0, 5);">不限</a></li>
									<li class="leftselect" id="ly_1"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 1, 'ly', 1, 5);">2000年以前</a></li>
									<li class="leftselect" id="ly_2"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 2, 'ly', 2, 5);">2000年以后</a></li>
									<li class="leftselect" id="ly_3"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 3, 'ly', 3, 5);">2005年以后</a></li>
									<li class="leftselect" id="ly_4"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t7', 4, 'ly', 4, 5);">2010年以后</a></li>
								</ul>
								</div>
							</div>
						<!-- ----- -->
						
						<div onclick="meimei_change_search_1(3)" id="meimei_search_1_left_content_3" class="meimei_search_1_left_content_b">类型</div>
						<!-- +++++ -->
						<div id="meimei_search_1_right_content_3" class="meimei_search_1_right_content">
							<div class="xuanze">
								<ul>
									<li class="leftselected" id="ht_0"><a href="javascript:;" onclick="Map_Findding.updateurldatas('t8', 0, 'ht', 0, 5);">不限</a></li>
									<li class="leftselect" id="ht_1"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t8', 1, 'ht', 1, 5);">住宅</a></li><li class="leftselect" id="ht_2"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t8', 2, 'ht', 2, 5);">别墅</a></li><li class="leftselect" id="ht_3"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t8', 7, 'ht', 3, 5);">商铺</a></li><li class="leftselect" id="ht_4"><a href="javascript:;"  onclick="Map_Findding.updateurldatas('t8', 8, 'ht', 4, 5);">自建房</a></li>		
								</ul>
								</div>
							</div>	
						<!-- ----- -->
					
			</div>


 

 

$(function(){
	$(".meimei_search_1_left div.meimei_search_1_left_content_b").bind("mouseover",function(){
		$(this).next("div.meimei_search_1_right_content").show();
		$(this).className='meimei_search_1_left_content_a';		
		
	});
	 $(".meimei_search_1_left div.meimei_search_1_left_content_b").next("div.meimei_search_1_right_content").bind("mouseout",function(){
		 //$(this).next("div.meimei_search_1_right_content").hide();
		$(this).hide();
	})
})

加载中
0
JustForFly
JustForFly
可能是因为你左边的DIV和右边弹出的DIV之间有空隙。
m
muyang
应该不是吧。。 这个展示div有 有四层, <div第一层> <div第二层> <ul第三层> <li>最里层</li> </ul> </div> </div> 鼠标放在第一层里,正常,一碰到第二层到第四层的内容就会自己动隐藏了。。我写的代码是,当离开第一层时才隐藏的。。不知道是什么原因。
0
Andre.Z
Andre.Z

你把你第一层加个边框,看看范围。你那个黄色框框,应该是浮动的层吧。并不是说,html怎么写的,实际范围就是那样。完全可以写两个层,看html代码就是嵌套的,但是实际却是左右分割开的,得看css怎么写的。
先加个框看吧。

m
muyang
谢谢,我懂了。
返回顶部
顶部