2017-10-22 5 views
0

私はWordpressにロードしているサイトのフェードイン効果があります。私は効果のためにjQueryを使用していますが、これらのエフェクトは最初は動作しませんでしたが、コードの一部を変更しましたが、今はFirefoxやSafariでは正常に動作しますがChromeではうまく動作しません。私が発見したことは、Chromeが私が変更したコードをアップロードしたいということです。そのため、エラーは依然として持続しています。Javascript - Google Chromeは.jsファイルを更新しません

これは正しいコードです -

fadein.js

jQuery(document).on("scroll", function() { 
    var pageTop = jQuery(document).scrollTop() 
    var pageBottom = pageTop + jQuery(window).height() 
    var tags = jQuery("section") 

    for (var i = 0; i < tags.length; i++) { 
    var tag = tags[i] 

    if (jQuery(tag).position().top < pageBottom) { 
     jQuery(tag).addClass("visible") 
    } else { 
     jQuery(tag).removeClass("visible") 
    } 
    } 
}) 

そして、これは古いコードである -

$.noConflict(); 

jQuery(document).ready(function($) { 
    var win = $(window), 
    doc = $(document), 
    tags = $("section"); 

    win.on("scroll", function() { 
     tags.each(function(i, tag) { 
     if ($(tag).position().top < (doc.scrollTop() + win.outerHeight())) { 
      $(tag).addClass("visible"); 
     } else { 
      $(tag).removeClass("visible"); 
     } 
     }); 
    } 
    }); 
}); 

コンソールに私は、このエラーを与え続けて -

javascript error

しかし、それはまだ古いコードをロードしています -

Old js code

私は二重のFirefoxとSafariで、コードをチェックしてきましたし、彼らは新しいコードをロードしている - と効果が正常に動作しています。 Chromeでは、スクロールが表示されるまでページセクションがopacity: 0;でプロセスを開始するため、ページは実質的に空白になります。これについての助けに感謝します。

+1

が見えます。ページでShift + Ctrl/Cmd + Rを試して、キャッシュされていないバージョンを読み込むかどうかを確認してください。 –

+1

引数リストの後に[Javascript - Fadein Effect Uncaught SyntaxError:missing]と重複している可能性があります](https://stackoverflow.com/questions/46871261/javascript-fadein-effect-uncaught-syntaxerror-missing-after-argument-list) – Shiladitya

+0

@ Shiladityaこんにちは、これは重複した質問ではありません。それは同じサイトですが、問題は異なります.jsファイルは更新されません。 –

答えて

1

DevToolsが開いているときにキャッシュを無効にすると便利です。ここでは、それを見つける場所です:それはキャッシュされたバージョンを使用している場合がありますように

enter image description here

関連する問題