Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Microsoft Edge:需要帮助,我需要下拉列表保持打开状态?_Javascript_Jquery_Internet Explorer_Microsoft Edge - Fatal编程技术网

Javascript Microsoft Edge:需要帮助,我需要下拉列表保持打开状态?

Javascript Microsoft Edge:需要帮助,我需要下拉列表保持打开状态?,javascript,jquery,internet-explorer,microsoft-edge,Javascript,Jquery,Internet Explorer,Microsoft Edge,我正在使用windows 8.1: 在microsoft edge browser中,在拖动文本区域滚动的菜单下拉列表中,它会自动关闭下拉列表 我需要菜单下拉列表保持打开状态 CSS代码: <style type="text/css"> .menu li .dropdwn { display:none; } .menu li.active .dropdwn { display:block; } </style> .menu li.dropdwn{显示

我正在使用windows 8.1:

在microsoft edge browser中,在拖动文本区域滚动的菜单下拉列表中,它会自动关闭下拉列表

我需要菜单下拉列表保持打开状态

CSS代码:

<style type="text/css"> 
    .menu li .dropdwn { display:none; }
    .menu li.active .dropdwn { display:block; }
</style>

.menu li.dropdwn{显示:无;}
.menu li.active.dropdwn{display:block;}
HTML代码:

<ul class="menu">
    <li>
        Link 1
        <div class="dropdwn">
            <textarea>
                Some text
            </textarea>
        </div>
    </li>
    <li>
        Link 2
        <div class="dropdwn">
            <!-- DropDown HTML -->
        </div>
    </li>
</ul>
  • 链接1 一些文本
  • 链接2
JavaScript:

<script type="text/javascript">
    $(document).ready(function(){   
        $('.menu li').click(trigAction);
    }); 
    $(document).on("tap mouseup", function (e) {
        if($(".menu li").hasClass('active')){
            $(this).removeClass('active'); 
        }
    });
    function trigAction(e) {
        e.preventDefault();     
        $(this).parent().find('li').removeClass('active');

        if ($(this).hasClass('active')){
            // Add action code.
            $(this).removeClass('active');
        } else {
            // Remove action code.
            $(this).addClass('active');
        }       
    }
</script>

$(文档).ready(函数(){
$('.menu li')。单击(trigAction);
}); 
$(文档).on(“点击鼠标”,函数(e){
if($(“.menu li”).hasClass('active')){
$(this.removeClass('active');
}
});
功能触发动作(e){
e、 预防默认值();
$(this.parent().find('li').removeClass('active');
if($(this).hasClass('active')){
//添加操作代码。
$(this.removeClass('active');
}否则{
//删除操作代码。
$(this.addClass('active');
}       
}

您确定正在使用边缘浏览器吗?您可能正在使用IE11,因为Edge浏览器直到Windows 10才推出。正如Ryan所说,Microsoft Edge(浏览器)已发布到Windows 10;因此,很可能您正在使用Internet Explorer(可能处于边缘模式),或者您正在通过IE shell将边缘引擎流式传输。无论如何,我都无法使用Windows 10上的Microsoft Edge、Windows 10上的Internet Explorer 11或Windows 8.1上的Internet Explorer 11重现报告的问题()。@RyanHayes我已签入Microsoft提供的live emulator。。。还有其他一些系统。。。它的工作原理是一样的。。。