开发者社区> 问答> 正文

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

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

<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();
    })
})`

展开
收起
a123456678 2016-07-06 15:12:49 2801 0
1 条回答
写回答
取消 提交回答
  • 你把你第一层加个边框,看看范围。你那个黄色框框,应该是浮动的层吧。并不是说,html怎么写的,实际范围就是那样。完全可以写两个层,看html代码就是嵌套的,但是实际却是左右分割开的,得看css怎么写的。
    先加个框看吧。

    2019-07-17 19:52:10
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载