Question

这是HTML代码：

<div id="opac">

<ul id="nav" style="font-size:75%" >


    <li><a  href="javascript:void(0)">Menu</a>
        <ul>
            <li><a  href="javascript:void(0)" id="BGSRU01">BGSRU01</a></li>
            <li><a  href="javascript:void(0)" id="BGSRU02">BGSRU02</a></li>
            <li><a  href="javascript:void(0)" id="BMSRU06">BMSRU06</a></li> 
        </ul>
    </li>

</ul>

</div>

<div id="display"></div>

这是调用css属性的Javscript脚本代码：

<script>

$(document).ready(function(){

    function click_function(){

        var ajax_load = "<img id='loading' src='loader.gif' alt='loading...' />";

          $("#display").html(ajax_load)

        $("#opac").css({"opacity":"0.5"});

          $("li").css({"pointer-events":"none"});

         $("ul").css({"pointer-events":"none"});
 }

});

</script>

点击按钮，指示图像将加载，菜单ul和子菜单将保持＆＃39;不透明度 - ＆＃39; 0.5＆＃39; ，以便它变得模糊，＆＃39;指针事件＆＃39; as＆＃39; none＆＃39; ，以便用户无法执行任何操作，这可以在 chrome 和 mozilla 中进行，但在 IE10 < / strong>无效

用户可以对 IE10 中的菜单和子菜单执行操作，但 chrome 和 mozilla 工作正常。

请求建议我如何在 IE10
中完成工作

Answer 1

IE10中不支持指针事件

指针事件和不透明度在IE10中不起作用

1 个答案: