Loading External .js file that requires jQuery

Question

So there I am trying to load an external .js file which in return loads other pages using $.ajax and jQuery Templates. Everything was working when my code was all in a single .aspx page. But after distributing everything to separate clean files I am having this error:

Default.aspx

<asp:ScriptManagerProxy ID="ScriptManagerProxy" runat="server">
    <Scripts>
        <asp:ScriptReference Path="~/Scripts/jquery-1.7.min.js" />
        <asp:ScriptReference Path="~/Scripts/jQuery.tmpl.min.js" />
        <asp:ScriptReference Path="~/Pages/Templates/Stream/Stream.js" />
    </Scripts>
</asp:ScriptManagerProxy>

Stream.js

GetStream();

 function GetStream() {
        alert('ok'); 
        $.ajax({ /* It reaches this line */
        type: 'POST',

But returns the following.

$ is undefined

Please note that I have added the Stream.js file seperately without using the ScriptManagerProxy below the jquery-1.7 file. And still got the same thing. Ideas?

I forgot to mention that the content of Stream.js is wrapped in:

$(document).ready(function () { });

"$ is undefined error" is happening becouse your jquery code run before jquert included to your site — Utku Yıldırım
– Utku Yıldırım, Commented Nov 17, 2011 at 19:48

Cory Danielson · Accepted Answer · 2011-11-17 19:41:43Z

1

What is the benefit of using the script manager for this? It's just going to format/output HTML tags.. Why not use HTML instead.

<script language="javascript" src="/Scripts/jquery-1.7.min.js"></script>
<script language="javascript" src="/Scripts/jQuery.tmpl.min.js"></script>
<script language="javascript" src="/Pages/Templates/Stream/Stream.js"></script>

answered Nov 17, 2011 at 19:41

Cory Danielson

14.5k4 gold badges47 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user1027620 Over a year ago

I sort of need the provided function pageLoad() that also executes and rebinds jquery selectors on partial postbacks.

user1027620 Over a year ago

Yes, but the Stream.js file is required on this page only and I'm trying not to load it on all my pages.

Cory Danielson Over a year ago

At the top of this partial, just add the script tag for Steam.js. You can embed <script> tags anywhere that's convenient, not just the <head>

SLaks · Accepted Answer · 2011-11-17 19:29:24Z

0

You should reference the external file in the ScriptManagerProxy to make sure they're executed in the correct order.

answered Nov 17, 2011 at 19:29

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

2 Comments

user1027620 Over a year ago

Hey SLaks thanks for the answer. I am referencing Stream.js in the ScriptManagerProxy Script References.

user1027620 Over a year ago

Well the undefined error and please see this jeffreyramia.com/firebug.png

Collectives™ on Stack Overflow

Loading External .js file that requires jQuery

Default.aspx

Stream.js

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Default.aspx

Stream.js

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related