2013-05-04 73 views
0

我有2个JQuery导航菜单。2 JQuery菜单冲突

我的主导航(navig.php)使用以下的JQuery脚本:

<script src='/new/navig/js/jquery-1.8.1.min.js' type='text/javascript'></script> 
<script src='/new/navig/jquery.kwicks.js' type='text/javascript'></script> 

我的子菜单(menu.php)使用以下的JQuery脚本:

<script type="text/javascript" src="/new/menu/jquery.js"></script> 
<script type="text/javascript" src="/new/menu/sliding_effect.js"></script> 

我有一点认识这个主题,但看到这两个导航都包含在所有页面中,我必须在每个页面的开头声明JQuery吗?如果是的话,我会在这些页面中删除哪些脚本?

编辑:我将第一个脚本从每个页面移动到index.php,其中包含被拉到。 menu.php仍然正常工作,但navig.php没有(和以前一样)。然而,navig.php中的脚本在使用之前在体内声明,并且在其他任何地方都不起作用。

是否有办法克服冲突或我需要找到另一个菜单?

谢谢!

+0

不包括jQuery库两次 – charlietfl 2013-05-04 15:59:39

回答

0

是的,浏览器需要你每次在页面中使用的所有脚本。如果你有一个母版页的概念,你可以在其中包含所有全局使用的脚本和CSS。如果您有页面特定的脚本可以在页面中指定。

你也可以考虑捆绑常用的script/css文件。

+0

但是,如果我将全部脚本包含在全局页面中,他们仍然会发生冲突吗? – Joe 2013-05-04 16:51:32

+0

是jquery.js包含您的自定义脚本。如果它的jQuery文件库,那么你不需要,因为你在母版页中使用jquery-1.8.1.min.js。 – eka 2013-05-04 17:57:58