Microsoft Edge:需要帮助,我需要下拉菜单才能保持打开状态?

时间:2015-11-12 08:50:06

标签: javascript jquery internet-explorer microsoft-edge

使用的是Windows 8.1:

在microsoft edge浏览器中,在拖动textarea滚动的菜单下拉菜单中,它会自动关闭下拉列表。

我需要菜单下拉菜单才能保持打开状态。

CSS代码:

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

HTML code:

<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>

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>

0 个答案:

没有答案