Question

我有Jquery function并且我想在多个页面上运行它，有人可以告诉我它是否可能。

以下是我正在使用的代码

 $(document).ready(function(){  
    setTimeout(function(){$(".logo").fadeIn(500);}, 500);


setTimeout(function(){
     $('#preloader').fadeIn(500)
    }, 2000);
setTimeout(function(){
$(window).load(function() { 

   $('#preloader').delay(200).fadeOut('fast'); 

  $(".logo").delay(200).fadeOut(500);
    $(".content").fadeIn(500);
   });
}, 2000);//time out function close
});

我有相同代码的另一个问题，因为您可以看到代码正在将fadein和fadeout转换为徽标和 preloader 然后包含正在显示，但这是有效的只有一次。如果我通过单击浏览器的刷新按钮再次加载页面，该功能将无法正常工作。

我该如何解决这些问题。

Answer 1

将要重用的所有函数放在单独的文件中。（也许你可以称之为CommonFunctions.js。）从那里，只要文件包含在页面中，你就可以调用这些函数。

Answer 2

只需将该函数设为全局变量

sayHello=function() {
    alert("hello");
}

或

创建common.js文件并包含该函数。您可以将此js用于项目中的任何位置。

如何在多个文件中使用jquery函数

2 个答案: