SimpleModal IE8问题

Question

在Internet Explorer中遇到问题......当然。 我在其中测试过的所有其他浏览器效果很好...... 我希望有人可以帮助我 基本上如果引用者不是我们显示simplemodal弹出窗口。

 <!-- Init Age Verification Content -->

<div class="age" id="verify"> 
    <div><img src="/image/white.png"></img></div>
    <div id="noman">ARE YOU OVER 18?</div>
    <div> 
      <p> If not, leave now and we wont tell your mom.
        </br>  By continuing you agree you are 18 or older.
      </p>
    </div>
    <div id="YN">
      <a href="javascript:window.location.href=window.location.href" id="old">Yes</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
      <a href="http://www.sendoff.com" rel="nofollow" id="young">No</a>
    </div>
</div>

<!-- If previous page wasnt from us... Verify -->

  <script>
if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
$("#verify").modal({opacity:85, position: ["20%",""], onOpen: function (dialog) {
    dialog.overlay.fadeIn('slow', function () {
        dialog.container.slideDown('slow', function () {
            dialog.data.fadeIn('slow');
            return false;
        });
    });
}});
}
</script>

但我一直在IE8中收到此错误：

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Tue, 16 Jul 2013 12:14:28 UTC


Message: Not implemented

Line: 454
Char: 7
Code: 0
URI: http://www.example.com/catalog/view/javascript/jquery/jquery.simplemodal-1.4.4.js


Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0
URI: http://www.example.com/

感谢您在Advance人员的帮助！

Answer 1

您应该在DOM加载后尝试运行脚本

<script>
$(document).ready(function(){
if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
$("#verify").modal({opacity:85, position: ["20%",""], onOpen: function (dialog) {
    dialog.overlay.fadeIn('slow', function () {
        dialog.container.slideDown('slow', function () {
            dialog.data.fadeIn('slow');
            return false;
        });
    });
}});
}
});
</script>