私はIE8で頭を悩ませています(このブラウザがまだ使用されている理由に夢中になっています)。
angular.js とブートストラップを使用してアプリを構築していますが、これは IE8 asswell でサポートされる必要があります。
私のアプリは、chrome、FF、IE10、およびIE9で完全に正常に動作します。index.htmlのタグで次のように宣言しました。
<!--[if lte IE 8]>
<script src="js/json3.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 8]>
<script>
document.createElement('login');
document.createElement('register');
document.createElement('change-details');
document.createElement('tooltip-popup-delay');
document.createElement('tooltip');
document.createElement('datepicker-popup');
</script>
<![endif]-->
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
ログインモーダルを備えたtemplateUrlを持つディレクティブ(ログイン)があります。
次に、次のように使用します。
<div ng-show="showNav" ng-controller="NavCtrl">
<login></login>
<register></register>
.....
.....
これは私のログインモーダルの一部です(templateUrlディレクティブにあるlogin.htmlです):
<div modal="shouldBeOpenLogin" close="closeModalLogin()" options="opts">
<div class="modal-header">
<button ng-disabled="disableButtons" type="button" ng-click="closeModalLogin()" class="close pull-right">×</button>
<h3 style="text-align:center">{{loginHeader}}</h3>
</div>
<div class="modal-body">
<div class="waitLogin" ng-show="showSearching">
<h5> please wait <progress percent="dynamicObject" class="progress-striped active"></progress><h5>
</div>
<form ng-submit="login(loginForm)" name="loginForm" class="form-horizontal">
<div ng-show="showLoginFields" class="control-group">
<label class="control-label">username</label>
<div class="controls">
<input type="email" ng-model="login.username" placeholder="email" title="please enter this field">
</div>
</div>
.....
現在、なんらかの理由で、
ブートストラップを使用せずに、通常の進行状況を表示しようとしました。まだ成功していません。
ディレクティブを使用する代わりに、 login.html コンテンツを index.html 内に配置しようとしましたが、まだ成功していません。
document.createElement('progress') を追加しようとしましたが、成功しませんでした。
IE8 を破壊する前に助けてください。