Problem in $.Ajax ?!!!

Question

1.57/5 (3 votes)

See more:

hi all
in Aspx Page I Have :

XML

<asp:LinkButton ID="LinkBtn1" runat="server" CssClass="Tag" ClientIDMode="Static" Visible='<%# SetVisible(Eval("Tag1"))%>'><%# SetTag(Eval("Tag1"))%></asp:LinkButton>

and myScript is below.Why $(this) is Unknown?

C#

$('.Tag').mouseenter(function () {
    var t = $(this).html();
    var tagName2 = encodeURIComponent(t);
    $.ajax({
        url: 'Test2.aspx?Name=' + tagName2,
        success: function (data) {
            if (data == "")
                return;
            //in This Section $(this) is Unknown.Why?How To Access  $(this)
            $(this).append('<div class="TagComment2"> slm man khubam</div>');
alert('Test');//and alert Not Show!WHy?
        }
    });

Posted 13-Jun-13 21:52pm

Seyed Ahmad Mirzaee

Updated 14-Jun-13 2:29am

v3

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Jun-13 4:09am

Have you included the jQuery file in the aspx page?

Sunasara Imdadhusen 14-Jun-13 7:57am

What is your problem??

Seyed Ahmad Mirzaee 14-Jun-13 8:18am

$(this).append('<div class="TagComment2"> slm man khubam</div>');
if you Write in this Line alert('Test'); Alert is Not Show!Why?

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Jun-13 8:38am

That means it is not going to the success function.

Check your FireBug Console window of FireFox, if you see any errors or not.

Sergey Alexandrovich Kryukov 14-Jun-13 13:17pm

A bug is found, please see my answer.
—SA

1 solution

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-06-14T08:37:00

Problem

I guess you are trying to insert the div after the LinkButton.

But you have used append method, which will append the div inside the LinkButton, which makes no sense.

And you have another problem of "this" object.
That is, when you are in Success function, it will refer to the object of Success method, not the element LinkButton.

Solution

So, you need to store the current object in a variable before any further operation, so that you can use that variable inside the Success function.
Use .insertAfter()[^] to insert any element after the LinkButton.
Ending brackets of mouseenter event is also missing.

The code will look something like below...

JavaScript

$('.Tag').mouseenter(function () {
    // Store element object in a variable.
    var currentElement = $(this);
    var t = currentElement.html();
    var tagName2 = encodeURIComponent(t);

    $.ajax({
        url: 'Test2.aspx?Name=' + tagName2,
        success: function (data) {
            if (data == "")
                return;
            
            // Now use currentElement here.
            $('<div class="TagComment2">slm man khubam</div>').insertAfter(currentElement);
            alert('Test');
        }
    });
}); // This brackets are missing in your code.

Suggestion

Check the FireBug Console window to check if there are any other issues or not.