How to include jquery in masterpage header without path problems?

Question

I have tried this

<head id="Head1" runat="server">
<title>Back Office</title>
<link href="~/Styles/MasterPage.css" rel="stylesheet" type="text/css" />
<link href="Styles/custom-theme/jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%= Page.ResolveClientUrl("~/scripts/jquery-1.5.1.min.js") %>"></script>
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>

The error message is

enter image description here

I think too much, it is just find using this sorry

I have copy your line from your question and check, I am not getting an issue. — Muhammad Akhtar, May 23 '11 at 05:35
@Muhammad i use visual studio 2010, asp.net 4. I don't know it might be some different. — Sarawut Positwinyu, May 23 '11 at 05:49

score 3 · Accepted Answer · answered May 23 '11 at 05:36

3

It seems that, you are trying to add controls to page dynamically. In this case, you can use the below code

var control = new HtmlGenericControl("script") ;
control.Attributes.Add("type", "text/javascript");
control.Attributes.Add("src", Page.ResolveClientUrl("~/scripts/jquery-1.5.1.min.js"));
//CDN will be best while hosting the application
//control.Attributes.Add("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js");
this.Page.Header.Controls.Add(control);

answered May 23 '11 at 05:36

Bharath

797
6
14

1

Yes, You can put this at Page_Load. – Bharath May 23 '11 at 06:05
The header required before page load has been load, this is not work too but thank. – Sarawut Positwinyu May 23 '11 at 07:17
1

If you like to keep the script at first. You can use `AddAt` function `this.Page.Header.Controls.AddAt(0, control)` – Bharath May 24 '11 at 06:21

score 1 · Answer 2 · answered Jun 28 '11 at 17:41

Try using DataBinding with ResolveUrl

<script src="<%# ResolveUrl("~/Scripts/jquery-1.5.1.min.js") %>" 
          type="text/javascript"></script>

Then in your code behind call the Header's Databind

    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);
        Page.Header.DataBind();
    }

If you start getting errors regarding the ViewState you may need to disable it on the header.

<head runat="server" enableviewstate="false">

How to include jquery in masterpage header without path problems?

2 Answers2

Linked