Jquery 显示模式不在IE上工作（代码中没有动画）

我在一个网站上工作，它使用显示模式来打开div。我使用的是非jquery版本，我可以在Firefox和Google Chrome上打开modals，但是它们似乎没有出现在IE上。我在论坛上看到IE和modal动画存在问题，但我的代码中没有包含它们。有人能帮我解决这个问题吗？我使用的是所有浏览器的最新版本

代码

---

好的，我知道问题出在哪里了。似乎显示模式与gooogle地图地理定位器相冲突。刚意识到我忘了将googleapis传感器设置为真。一旦我把它改为on，情态动词就可以在IE上工作。不确定两者之间有什么联系，但很高兴看到它现在可以工作了

你的html有X-UA兼容的标签吗？@vico我不这么认为，它是什么？@vico只是尝试添加它，但没有任何区别。这是我目前正在创建的网站：上面横幅上的文本div显示modals。我首先要确保标记是有效的@developdaly是的，我没有看到。但在IE上仍然不起作用。。。我真的很难理解为什么。

    <ul>
        <li><a href="#" data-reveal-id="myModal1">REGISTER</a></li>  
        <li><a href="#" data-reveal-id="myModal2">ABOUT US</a></li>
        <li><a href="#" data-reveal-id="myModal3">IMPROVE</a></li>            
        <li><a href="#" data-reveal-id="myModal4">CONTACT</a></li>     
    </ul> 

    <div id="myModal1" class="reveal-modal"> 
        <p style="margin-right:10px; margin-left:10px">
        Text
        </p>
    <a class="close-reveal-modal">&#215;</a>
    </div>

    <div id="myModal2" class="reveal-modal"> 
        <p style="margin-right:10px; margin-left:10px">
        Text
        </p>
    <a class="close-reveal-modal">&#215;</a>
    </div>

    <div id="myModal3" class="reveal-modal"> 
        <p style="margin-right:10px; margin-left:10px">
        Text
        </p>
    <a class="close-reveal-modal">&#215;</a>
    </div>

    <div id="myModal4" class="reveal-modal"> 
        <p style="margin-right:10px; margin-left:10px">
        Text
        </p>      
    <a class="close-reveal-modal">&#215;</a>
    </div>             

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.reveal.js"></script>

    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,.8);
        z-index: 100;
        display: none;
        top: 0;
        left: 0; 
    }

    .reveal-modal {
        visibility: hidden;
        top: 100px; 
        left: 50%;
        margin-left: -300px;
        width: 400px;
        background: #F2EDE0 url(modal-gloss.png) no-repeat -200px -80px;
        color: #000;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
    }

    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium        { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge        { width: 800px; margin-left: -440px;}

    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
    }