optgroup在IE 10中无法正常工作吗?

时间:2017-03-14 16:21:43

标签: javascript jquery css angularjs internet-explorer

所以我手边的问题是:optgroup不能在IE中运行吗?

目前的Plnkr适用于Chrome,但不适用于IE 10,我试图弄清楚如何在两种浏览器中实现这一功能。这是一个已知的问题?我可以在Chrome中扩展/折叠组,但我不能在IE 10中这样做。有没有什么工作可以解决这个问题?

Outgroup Expand/ Collapse Selection

    <!DOCTYPE html>
<html ng-app="test">

<head>
  <script data-require="angular.js@1.4.1" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-controller="MainCtrl">


  <select multiple class="box">
    <optgroup ng-click="clickOptGroup(key);" ng-repeat="(key,value) in data" label="{{value.label}}">
      <option ng-mousedown="mouseDown()" ng-mouseup="mouseUp()" ng-click="$event.stopPropagation();" ng-show="value.expanded" ng-repeat="id in value.ids">{{id}}</option>
    </optgroup>
  </select>

</body>

</html>

1 个答案:

答案 0 :(得分:1)

Internet Explorer版本10仍然不支持optgroup或option上的任何有用事件。 MSDN文档说optgroup支持单击事件。但IE 10仍然似乎不支持它:http://msdn.microsoft.com/en-us/library/ie/ms535876(v=vs.85).aspx

答:在IE10中没办法

但是你可以使用这个工作环境让其他浏览器工作:

$scope.data = [{
    label: "My Label", ids: [ "one id", "another id" ], 
    expanded: navigator.appVersion.indexOf("MSIE 10") !== -1 ? true : true
},{ 
    label: "My Other Label", ids: [ "one id", "another id" ], 
    expanded: navigator.appVersion.indexOf("MSIE 10") !== -1 ? false : true
}];