模式窗口不弹出ie和Nivo图像滑块图像上传后不工作

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;
}