html - 模式窗口未在 ie 中弹出，并且 Nivo Image Slider 图像在上传后无法正常工作

Question

第一个问题：我已经设置了一个页面来使用模态窗口来弹出关于水上乐园景点的简要描述和一个包含每个景点的几张照片的 nivo 图像滑块。我不知道为什么窗口不会在 ie 中弹出。模态窗口适用于我测试过的所有其他浏览器？？？

在即这个特定页面上我的按钮都不能被点击？

第二个问题：当我在本地测试我的 nivo 滑块时，一切正常。但是，一旦我上传了所有内容，滑块就不起作用了。我已确保我所有的脚本、css、图像和页面都已上传。我难住了。

我绝不是这方面的专业人士，因此非常感谢您提供任何帮助。

该页面的链接是http://splashwaywaterpark.com/attraction

Answer 1

在所有文件之前调用 jQuery，因此 jqueryModal.js 文件将出现在 jquery 之后。这解决了IE中的错误

SCRIPT5009: '$' is undefined 
jqueryModal.js, line 2 character 1

所以像这样重新排序

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/jqueryModal.js"></script>

在 popbox.css

添加 -ms-filter 用于 IE 的不透明度。下面我在您的 CSS 中仅展示了一个示例。在需要的地方添加。资源

.modalDialog {
    position: fixed;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
     filter: alpha(opacity=0);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    background-color: rgba(0,0,0,0.8);
    color: #000066;
}