2014-10-21 66 views
1

你好我是編程新手抱歉超級noob問題,我剛開始使用jQuery只是一些簡單的插件菜單留在上面,做一個可點擊的div和它工作正常,這個div和這個菜單是現在我的網站的每個頁面上,他們目前在我的Default.aspx頁的工作,我的問題是,我應該複製粘貼此:如何在我的網站的每個頁面上包含jQuery?

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="/page_theme/javascript/menu.js"></script> 
    <script src="/page_theme/javascript/jquery.clickable.div.js"></script> 

這些都需要我的網站的每個頁面上讓它工作,例如在faq.aspx,my_account.aspx,contact_us.aspx等等其他部分。問題是這個網站有超過50頁,我希望這兩個插件可以適用於每個人,因爲這是主菜單,這個div也出現在每一個頁面上。

對不起,noobish問題,只是想學習如何做到這一點.... THX

+1

您是否正在使用母版頁? – 2014-10-21 21:21:52

+3

對所有頁面使用通用頭文件 – charlietfl 2014-10-21 21:21:56

+0

不,我沒有使用母版頁,它在技術上不是我的網站,我只是管理它,所以我想我將不得不復制粘貼在每個文件上,有近百,那正是我試圖避免的...... – Vacilli 2014-10-21 21:30:36

回答

-2

是的,你必須添加這些到每個頁面。

您可以創建一個新的頁面,說:「headers.inc」,並引用它的每一頁的腦海裏:

<head>  
<!-- #include file = "headers.inc" --> 
</head> 

而且由於你使用.NET,你可能會發現母版頁來你喜歡(我沒有)。這也可以讓你鞏固你的JS包括。

另外,如果你決定通過存儲在.NET變量你的腳本,包括,你可以使用這個速記(而不是回覆於):

<head> 
<%=scripts%> 
</head> 
0

我會建議建立一個共同的頁面,如common.aspxconfig.aspx,並將其包括在每頁的頂部。考慮到你的導航欄會在每一頁上使用jQuery,這可能是一個好主意,這樣你就不會忘記。

另一種選擇是創建一個特定頁面,如header.aspx,其中包含導航欄/菜單的代碼以及jQuery鏈接,並將其包括在每個頁面的頂部,而不是複製粘貼代碼。

1

是的JavaScript文件需要包括在每個頁面上,你想功能工作。

爲了減輕這種痛苦,您可以將腳本放在單獨的文件中,並在需要時包含在每個頁面上。這具有額外的優點,即如果添加新腳本並更新包含該文件的每個頁面,則可以更新scripts.aspx文件一次。

要做到這一點,建立一個獨立的scripts.aspx文件,其中包含你的腳本:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="/page_theme/javascript/menu.js"></script> 
<script src="/page_theme/javascript/jquery.clickable.div.js"></script> 

你想要的腳本會出現在每個頁面,那麼你可以寫:

<% Response.WriteFile("scripts.aspx") %>

這是當然如果scripts.aspx在同一個目錄下。如果需要更新文件路徑。

+0

Thx爲答案我想我會這樣做,似乎是現在的最佳選擇。 – Vacilli 2014-10-21 21:46:25

0

我有這個確切的事情正在進行,但我正在編寫一個基於Python的Flask應用程序。這帶有一個名爲Jinja的模板引擎。每個頁面都是由模板組成的,而不是一個完整的東西,並且每次都將服務器端組裝成單一的html。

我有一個site_wrapper.html模板,其中包含站點範圍指令(樣式表,javascript,主要佈局div),然後是用於「擴展」或從站點範圍模板繼承的特定頁面的模板。

這對我很好。

相關問題