jQuery in ASP.NET UserControl

Question

Scenario 1

The page contains nothing but only the 'MultiSelect' user control. Here, jQuery is working well.

Scenario 2

I moved the 'MultiSelect' user control to a project where we use master pages and UpdatePanel. The hierarchy of the page is

Master Page --> Content Page --> Div --> MultiSelect user control

Here jQuery is not working.

About MultiSelect user control

The control having a reference to jQuery file and it contails lot of check boxes grouped. So if I click on group header check box, all the child check boxes will get selected.

My queries are

Why jQuery does not work in Scenario 1 ?
Where is the best place to link the reference to the jQuery file, in Master Page, in Content Page, or in UserControl itself.
I heard about if we use UpdatePanel, we need to use PageRequestManager too.
Writing JavaScript code in Code Behind file will solve the issues ?

Well. While using jQuery in ASP.NET User Control, we have to do the following(all the steps are not mandatory)..

a. You may write code in code behind file. There you have to use PageRequestManager too.

b. You may put reference to jQuery in Master Page.

Generally, on this site, as far as I know, if you say "my thing does not work" but do not explain how you came to the conclusion that it does not work; how? why? exception message? etc, you will be criticised... — Smudge202
– Smudge202, Commented Dec 8, 2011 at 7:26
do have problems if you replace your jquery call from ``$(selector)` to jQuery(selector) ? — Steve B
– Steve B, Commented Dec 8, 2011 at 11:27

Ashfaq Shaikh · Accepted Answer · 2011-12-08 08:51:51Z

3

May be your JQUERY is conflicted with AJAX Javascript. If you have put our jquery in usercontrol check its path. If the usercontrol in one folder then the path must not according to user control. A path always according to master page or parent page. You can test you java script error by Firebug or if you have latest fire fox press ctrl+shift+k. the refresh your page and check you function why it is not working. you will find the Java script error.

answered Dec 8, 2011 at 8:51

Ashfaq Shaikh

1,66812 silver badges20 bronze badges

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

Comments

marc_s · Accepted Answer · 2016-05-03 16:37:22Z

2

I have this problem but with lot of test can solved it this details.

Best place to define and import css and jQuery files in asp pages and should not be added in ascx (user control).

Update panel with jQuery and Javascript have conflict so if you use jQuery and Javascript in your usercontrol as well as me, delete update panel nevertheless you can this :

     <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true"   UpdateMode="Always"
RenderMode="Block">

in user control.

And set Script Manager in your master page or asp page that included user controls.

In accordance your help for use PageRequestManager, I try for it, but scripts which generated for page have conflicted with update panel and crashing it.

edited May 3, 2016 at 16:37

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jul 27, 2013 at 8:00

Harry Sarshogh

2,2073 gold badges28 silver badges49 bronze badges

Collectives™ on Stack Overflow

jQuery in ASP.NET UserControl

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related