收集小JS从网页到一个大JS
Collect small JS from webpage to one big JS
这是一个示例JavaScript代码:
/* Email me Animation */
$(function() {
var offset = $("#sidebar").offset();
var topPadding = 0;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#sidebar").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#sidebar").stop().animate({
marginTop: 0
});
};
});
});
*/-->
$(document).ready(function(){
$('#page_effect').fadeIn(2000);
});
/* Toggle */
$(document).ready(function(){
$('a.showHideButton').click(function(){
$('div[data-something=' + $(this).data('something') + ']').toggle(500);
});
});
/* Move top */
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#backtotop2').fadeIn();
} else {
$('#backtotop2').fadeOut();
}
});
$('#backtotop2').click(function() {
$('body,html').animate({scrollTop:0},1200);
});
});
/* Menu animation */
var jump=function(e)
{
e.preventDefault();
var target = $(this).attr("href");
$('html,body').animate(
{
scrollTop: $(target).offset().top
},2000,function()
{
location.hash = target;
});
}
$(document).ready(function()
{
$('a[href*=#]').bind("click", jump);
return false;
});
/* Menu Appear Animation */
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#menuAppear').fadeIn();
} else {
$('#menuAppear').fadeOut();
}
});
});
我有10个小的javascript,有没有可能的方法来收集一个JS文件并加载到页面上,
这样使用:
<script src="js/jsScript.js"></script>
不要在每个页面上都写这个小JS
这应该能成功,而且它使用nodeJS和npm来为js和css构建包。因此,您可以将代码拆分为许多较小的文件。
相关文章:
- Sails.js:同时发布文本输入和一个文件
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- Angular js-返回一个包含类似
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- JS:检查URL中的参数,然后迭代一个参数为var的函数
- 如何在react js中将值从一个组件发送到另一个组件
- 为什么要包装每一个原型“;类“;JS中具有匿名函数的对象
- Ember.js - 一个视图多个布局(已登录/未登录)
- Ember.js:一个模型如何观察其他模型
- 三.js一个物体可以同时旋转和移动吗?
- 护照 JS - 一个登录表单 - 重定向到不同的 URI,具体取决于用户角色
- Backbone JS:一个视图可以触发其他视图的更新
- WebGL/Three.js一个复杂对象(网格)上的不同材质
- Backbone.js一个模型被多个视图修改
- Html5 js一个页面看起来多页面
- Ext JS -一个开始
- JQuery / JS -一个选择器用于多个输入
- 开始使用Underscore.js(一个简单的运行程序)
- (video - js)一个视频出错会导致其他所有视频无法播放
- 欧芹.js - 一个多步骤功能适用于所有形式