創建自定義.js文件

Question

我想爲我的網站創建一個自定義.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'); 

}); 

Answer 1

有幾件事情，首先檢查：

1. 檢查styles.js文件實際上包括在內，確保在包含它時沒有HTML錯誤，並且文件路徑是正確的。

2. 確保styles.js包含在源代碼中比jQuery更進一步。

如果上述兩種似乎確定，它可能是一些被覆蓋$之前你的代碼跑，試圖在這個包裝代碼：

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

這將迫使$是jQuery的在功能範圍內。