JQuery in ASP.Net User Control in C#

Question

I'm having problems using JQuery inside an ASP.Net User Control I've created a sample and here is the markup for my user control:

<%@ Control Language="C#" ClassName="UC" AutoEventWireup="true" 
    CodeFile="UC.ascx.cs" Inherits="UserControls_UC" %>

<span id="Licenses"></span>

<script type="text/javascript">
    $(document).ready(function() {
        var ctlID = $("span[id$='Licenses']");
        ctlID.text = "Testing";
    });
</script>

If I include this script tag <script type="text/javascript" src="js/jquery-1.3.2.js" /> in the aspx file containing the user control to reference JQuery, nothing happens. If I don't include it, I get a JavaScript error dialog saying there was a runtime error and that an Object was expected. Any ideas what I may be doing wrong?

What happens if you try to call $("span[id$='Licenses']") from the FireBug console? Does it work? — Nathan Taylor
– Nathan Taylor, Commented Sep 16, 2009 at 18:27
Is js/jquery-1.3.2.js the correct path relative to the containing aspx page? Fiddler it, or better Firebug it. — Crescent Fresh
– Crescent Fresh, Commented Sep 16, 2009 at 18:31
I've included the reference to js/jquery-1.3.2.js in a <script> tag in the head section of the containing aspx file - is this not the correct place for it? It appears that may be causing problems. If I remark that out, then I get the javascript error dialog, if I un-remark it then nothing happens. — Russ Clark
– Russ Clark, Commented Sep 16, 2009 at 18:35
Are there any javascript errors on the page when the script reference is there? — womp
– womp, Commented Sep 16, 2009 at 18:52

womp · Accepted Answer · 2009-09-16 18:31:13Z

1

text is a function in jQuery. Try:

 ctlID.text("Testing");

answered Sep 16, 2009 at 18:31

womp

117k27 gold badges240 silver badges271 bronze badges

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

1 Comment

Russ Clark Over a year ago

This works either as a function call or assignment as long as I run it directly from the aspx page. Neither method works when run from the user control.

rajesh pillai · Accepted Answer · 2009-09-16 18:53:41Z

0

Prefixing the '$' to the id gets all elements that ends with "Licenses" .

Make a quick change to test this to '#' will get you exactly one element.

  $(document).ready(function() {
        var ctlID = $("#Licenses");
        ctlID.text = "Testing";
    });

To make it work with attribute selector try

$('span[@id=Licenses]')   // You can omit the @ in the latest version of jquery.

edited Sep 16, 2009 at 18:53

answered Sep 16, 2009 at 18:47

rajesh pillai

8,1267 gold badges46 silver badges60 bronze badges

Comments

Alfred · Accepted Answer · 2012-08-18 07:26:34Z

0

I think you should use something like this:

var ctlID = $("span[id$='Licenses']").get(0);
ctlID.text = "Testing";

edited Aug 18, 2012 at 7:26

Alfred

21.5k64 gold badges175 silver badges258 bronze badges

answered Dec 2, 2009 at 5:37

saeed

1

Comments

Alfred · Accepted Answer · 2012-08-18 07:27:12Z

0

Have you included the jquery library correctly on master page?

Is that not meant to be dollar before id, i.e. $id='Licenses' ? or even a #

edited Aug 18, 2012 at 7:27

Alfred

21.5k64 gold badges175 silver badges258 bronze badges

answered Sep 16, 2009 at 18:27

dove

20.8k14 gold badges88 silver badges109 bronze badges

Collectives™ on Stack Overflow

JQuery in ASP.Net User Control in C#

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related