2013-05-04 91 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