0

最初の質問: モーダル ウィンドウを使用して、ウォーターパークのアトラクションに関する簡単な説明と、各アトラクションのいくつかのショットを含む nivo 画像スライダーをポップアップ表示するページを設定しました。IEでウィンドウがポップアップしない理由がわかりません。モーダル ウィンドウは、私がテストした他のすべてのブラウザーで動作しますか???

つまり、この特定のページのボタンがどれもクリックできないのですか?

2 番目の質問: nivo スライダーをローカルでテストすると、すべて正常に動作します。ただし、すべてをアップロードすると、スライダーが機能しません。すべてのスクリプト、CSS、画像、およびページがアップロードされていることを確認しました。私は困惑しています。

私は決してこれの専門家ではないので、これに関するどんな助けも非常に高く評価されます.

ページへのリンクはhttp://splashwaywaterpark.com/attractionです。

4

1 に答える 1

0

jqueryModal.js ファイルが jquery の後に来るように、すべてのファイルの前に 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 内

IE の不透明度に -ms-filter を追加します。以下に、CSS の例を 1 つだけ示しました。必要に応じて追加します。ソース

.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;
}
于 2013-04-19T21:45:05.200 に答える