2013-03-21 58 views
0

试图理解这个jQuery,我发现了2个脚本我想使用,但我可以将它们合并为1吗?目前我有他们都在不同的脚本标签。我如何将2 jQuery合并为1

这是第一个脚本

$(function(){ 
     $('#navigation_horiz').delay(100).fadeIn(100); 
     $('#navigation_horiz').naviDropDown({ 
     dropDownWidth: 'auto', //the default width of drop down elements 
     slideDownDuration: 600, //easing duration for slideDown 
     slideUpDuration: 300 //easing duration for slideUp  
     }); 
}); 

这里是第二个脚本

if (franchise_id==undefined) { //hide commish nav is not signed into site 
    var franchise_id; 
    document.write("<style type='text/css'>"); 
    document.write("#navigation_horiz ul li.commish { display: none; }"); 
    document.write("</style>"); 
} 
else if (franchise_id=="0000") { } //show commish nav is logged in as commish 
else { // hide both if logged in as any other franchise 
    document.write("<style type='text/css'>"); 
    document.write("#navigation_horiz ul li.commish { display: none; }"); 
    document.write("</style>"); 
} 

试图把在同一...下面,而不是在例如所有

$(function(){ 
     $('#navigation_horiz').delay(100).fadeIn(100); 
     $('#navigation_horiz').naviDropDown({ 
     dropDownWidth: 'auto', //the default width of drop down elements 
     slideDownDuration: 600, //easing duration for slideDown 
     slideUpDuration: 300 //easing duration for slideUp  
     }); 
}); 
if (franchise_id==undefined) { //hide commish nav is not signed into site 
    var franchise_id; 
    document.write("<style type='text/css'>"); 
    document.write("#navigation_horiz ul li.commish { display: none; }"); 
    document.write("</style>"); 
} 
else if (franchise_id=="0000") { } //show commish nav is logged in as commish 
else { // hide both if logged in as any other franchise 
    document.write("<style type='text/css'>"); 
    document.write("#navigation_horiz ul li.commish { display: none; }"); 
    document.write("</style>"); 
} 
}); 
+1

是的,是的,你可以。 :) – adamb 2013-03-21 14:54:16

+0

任何你不能把它们放在同一脚本标记下的原因?您并不仅限于您知道的每个标签的一项功能。 – DiMono 2013-03-21 14:55:03

+0

顺便说一句,第二个是不是甚至jQuery – 2013-03-21 15:02:22

回答

0
工作

您可以将它们放入单个标签中,但将它们排除在单独的.js文件中并在最后加载它会更好你的文件。

+0

编辑我的第一篇文章,试图结合,但它不会工作,不知道如何创建一个自己的js文件 – 2013-03-21 15:15:00

2

是的,你可以。第一部分是jQuery,第二部分是原始Javascript,全部在顶级命名空间下。

唯一需要注意的是:jQuery代码依赖于jQuery lib和一个独立的插件(naviDropDown?)。因此,您必须在 jQuery和插件之后加上合并代码

0

函数只能执行好,执行它。

如果您在第一次加载网站时加载第二个脚本,如果您不打算在加载时调用该功能,请不要将第二个脚本放入函数中。

只有当它们服务于同一事件时,您才应该将脚本合并到相同的函数中。