Question

试图理解这个jquery，我找到了2个我想要使用的脚本，但是我可以将它们组合成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>");
}
});

Answer 1

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

你唯一需要注意的是：jQuery代码依赖于jQuery lib和一个独立的插件（naviDropDown？）。因此，您必须将组合代码放在 jQuery和插件之后。

Answer 2

您可以将它们放入单个标记中，但最好将它们排除在单独的.js文件中并将其加载到文档的末尾。

Answer 3

一个函数只能执行它，执行它。

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

当且仅当它们为同一事件提供服务时，您才应该将脚本组合到同一个函数中。

我如何将2 jquery组合成1

3 个答案: