2017-03-03 12 views
1

自分のウェブサイトにカスタム.jsファイルを作成して、自分のウェブページ内でリンクを維持する必要がないようにしたいと思います。カスタム.jsファイルを作成する

私のstyles.jsページにリンクがない理由を教えていただけますか?私のコードが間違っていると思いますか?

現在のページが 'styles.js' で、私が使うのリンクは次のとおりです。

$(document).ready(function() { 

      $('#nav').affix({ 
     offset: { 
     top: 90 
     } 
}); 

$('#sidebar').affix({ 
     offset: { 
     top: 17 
     } 
}); 

     }); 


$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 50) { 
      $('#back-to-top').fadeIn(); 
     } else { 
      $('#back-to-top').fadeOut(); 
     } 
    }); 
    // scroll body to 0px on click 
    $('#back-to-top').click(function() { 
     $('#back-to-top').tooltip('hide'); 
     $('body,html').animate({ 
      scrollTop: 0 
     }, 800); 
     return false; 
    }); 
    $('#back-to-top').tooltip('show'); 

}); 
+0

さらに詳しい情報を提供してください。リンク先はどこですか?そのコードも追加できますか? –

+0

これを私の見出しにリンクすると、コードは次のようになります:<! - js/Query library - > etwestlake

+0

あなたのフォルダ構造とは何ですか? HTMLページ? – aUserHimself

答えて

0

最初確認するためのいくつかのこと:

  1. あなたstyles.jsファイルをチェックしています実際にインクルードされている場合は、そのファイルを含める際にHTMLエラーがなく、ファイルパスが正しいことを確認してください。

  2. jQueryよりもソースコード内にstyles.jsが含まれていることを確認してください。

上記の両方がOKに見える場合、それは何かが上書きされている可能性があり$あなたのコードが実行される前に、この中にあなたのコードをラップしてみてください。

(function($) { 
    // Your code here 
})(jQuery); 

これは、$はjQueryのように強制します機能の範囲内で使用することができます。

+0

ありがとう、これは今すぐ素晴らしいです!リンクはうまくいっていて、おそらく1つが多すぎると思っていました。 '});最後の部分で。 – etwestlake

関連する問題