1

この問題は主に OS 10.5.8 上の Firefox 3.6.6 で発生し、Safari で時折発生します (驚いた顔を準備してください - IE は実際には常に正常に動作します - 何?!)。

私の URL は次のとおりです: http://culturewithinaculture.org/introduction.php

注: サイトを公式に立ち上げていないため、現時点ではパスワードで保護されています。
ユーザー: cwac
パス: cwac2112

問題: 上記のリンクにアクセスすると、最初は正常に読み込まれるはずです。JS および CSS ファイルではすべて問題ないようです。ただし、更新を押すと壊れます。1回の更新が必要な場合もあれば、2回または3回の更新が必要な場合もあります。もう1つの奇妙な点は、30秒ほど待ってから更新を押すと、再び正常になることです. かなりランダムに見えます。「壊れる」と言うのは、英語と日本語のコピー用に持っている DIV タグに jScrollPane 関数を適用できないことを意味します。

そのため、必要な JS ファイルをさまざまな時点でロードしようとしましたが、まだうまくいきません。たとえば、jScrollPane.js ファイルの前後に mousewheel.js ファイルを読み込んでみました。また、Google がホストするバージョンの Jquery へのリンクを使用しています。これは、MediaTemple がホストするアカウントから要求が多すぎる可能性があると考えています...おそらくキャッシュの問題などです。必要なすべてをロードするために使用しているコードは次のとおりです。ページの関数 (主に jScrollPane とビデオ リンクの prettyPhoto を使用):

$(document).ready(function(){

// scrollpane code

    $('.scroll-pane').jScrollPane();    

//Rollovers for navigation buttons

    $(".navBtn").hover(
        function(){
            this.src = this.src.replace("_org","_over");
        },
        function(){
            this.src = this.src.replace("_over","_org");
    });


//PrettyPhoto Function
$(function()
    {
    $("a[rel^='prettyPhoto']").prettyPhoto();
    });
});

何か提案がありましたら、よろしくお願いします。私は間違いなく jQuery の初心者で、jQuery のみを使用するのはこれが初めてのサイトです。以前に jScrollPane でこのエラーが発生した人はいますか? これを壊している私のCSSにファンキーなものはありますか?

4

2 に答える 2

3

これは暗雲の中のショットですが、js ファイルの前にCSS ファイルをロードしてみてください。

jQueryコードの前にCSSを定義する必要があることをどこかで読んだことを覚えているようです。その書類を探しています。見つけたら載せます。

アップデート：

これは、Jonathan Chaffer と Karl Swedberg によるLearning jQuery 1.3から来ました。

JavaScript コードが実行される前にページのスタイルも設定されていることを確認するには、ドキュメントの要素内でタグの<link rel="stylesheet">前にタグを配置することをお勧めします。<script><head>

于 2010-07-05T19:23:04.360 に答える
0

私はpatrickに同意します。あなたのページを過去 30 分間テストしましたが、結果はありません。CSSに問題があるはずです。ページをリロードする前に初めて正常に機能し、リロード後にクラッシュする方法をまだ理解していません

于 2010-07-05T19:35:37.497 に答える