2014-10-21 67 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),然后是用于“扩展”或从站点范围模板继承的特定页面的模板。

这对我很好。

相关问题