problem to start jquery in asp.net

Question

4.00/5 (1 vote)

See more:

Hi,
I'm using visual studio 2010 and I want to start Jquery from scratch but I'm not having the proper output as supposed.
I've made new asp empty website and added masterpage in it the code for masterpage goes:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1"  runat="server">
      <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True">
    <Scripts>
      <asp:ScriptReference Path="Scripts/jquery-1.4.1.min.js" />
    </Scripts>

    <div>
      <div class="red">
        <p>HELLO WORLD</p>
      </div> 
      <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
    </div>
    </form>
</body>
</html>

and added another empty web form selecting the existing masterpage
code of emptyweb form

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="jQ.aspx.cs" Inherits="jQ" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 
<script type="text/javascript">
$(document).ready(function() {
$('.red').addClass('color');
});
</script>

and added the css,code of css is

CSS

.color
{
  font-style: italic;
  text-decoration: underline;
}

I don't know what is wrong,I'm supposed to be getting HELLO WORLD in italics and underlined but its plain.
Gracias for helping :D

Posted 25-Feb-11 17:23pm

prathoven

Updated 25-Feb-11 21:16pm

thatraja

v5

Add a Solution

4 solutions

Solution 1

I just tried your code on a simple HTML page (without master page) and it worked as expected.

I think the first thing that you need to check is -
Is your element getting selected or not and is JavaScript executing against it?
Use a script debugger to do so.

Posted 25-Feb-11 18:26pm

Ankur^\m/

Comments

prathoven 26-Feb-11 6:31am

thanx for the reply and I think I pretty sure that I use the right selector

Ankur^\m/ 26-Feb-11 6:58am

I never said you are using a wrong selector. It worked for me. I basically wanted you to check if the element is getting selected AND JavaScript is executing against IT.

Solution 2

Could you check the rendered html page if the reference to jquery.js is added or not?
if not once I had the same problem, I used to map the js file like this:

C++

<script language="javascript" type="text/javascript" src='<%# Page.ResolveUrl("~/JavaScript/jquery.js") %>'></script>

Please check if it works for you.

Thanks

Posted 25-Feb-11 20:00pm

Husain Ahmad Khalid

Comments

prathoven 26-Feb-11 6:32am

Thanx for the reply Ahmad. I tried it but it didn't work.

Solution 3

Try the following, hope it will work :

XML

<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder id="head" runat="server">
</head>

I hope the above information will be helpful. If you have more concerns, please let me know.

If this would be really helpful to you then don't forgot to Vote and Make Answer as Accepted.

Posted 26-Feb-11 0:09am

Monjurul Habib

Updated 26-Feb-11 0:16am

v4

Comments

prathoven 26-Feb-11 6:33am

Thanx for the reply Monjurul..I guess that's the same code as mine :)

Monjurul Habib 26-Feb-11 6:47am

did you try? place your css above the PlaceHolder.

prathoven 26-Feb-11 6:50am

yes, I did....

Monjurul Habib 26-Feb-11 7:24am

did you place your css above the PlaceHolder? and still its not working ??

prathoven 26-Feb-11 9:39am

Yes..I did and I'm still putting css code above placeholder.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pravat Maskey · Accepted Answer · 2011-02-26T04:51:00

Solution 4

you are forgeting to close your asp:ScriptManger tag

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True">
<Scripts>
<asp:ScriptReference Path="Scripts/jquery-1.4.1.min.js" />
</Scripts>
</asp:ScriptManager>

Posted 26-Feb-11 4:51am

Pravat Maskey

Updated 26-Feb-11 4:53am

v2

Comments

prathoven 26-Feb-11 10:58am

Thanx for the zillion brother..I had stucked for many days trying to figure it out and can't believe I missed the tag.Thank you once again.:)